A Deep Thought

Accepts

Images

COMMENT

Here you can adjust some values: If TextAboveImg is false, the text will be put into the image. Anything with font should be clear (weight=thickness), Text to top=Space between text and top, TextToPhoto=Space between text and photo. Grayscale% is the intensity of the black&white filter and BGColor is the color of the background

DICTIONARY

TextAboveImg

True

Font

arial

FontSize

80

FontWeight

700

FontColor

black

TextToTop

20

TextAlign

center

TextToPhoto

20

GrayScale%

100

BGColor

white

SCRIPTING

If

Shortcut Input

has any value

MEDIA

Get images from

Shortcut Input

Otherwise

PHOTOS

Select photos

Select Multiple

End If

MEDIA

Convert

If Result

to

PNG

Options Under Construction

MEDIA

Resize

Converted Image

to

1000

x

Auto Height

SCRIPTING

Mode

Resized Image

with base64

VARIABLES

Set variable

ThoughtFulImage

to

Base64 Encoded

SCRIPTING

Continue in Shortcuts app

COMMENT

-webkit-filter: grayscale(50%);

SCRIPTING

Ask

Enter your Thought

Input Type

Text

Default Answer

Text

SCRIPTING

Get

All Keys

in

Dictionary

SCRIPTING

Repeat with each item in

Dictionary Value

SCRIPTING

Get

Value

for

Repeat Item

in

Dictionary

DOCUMENTS

Replace

,

with

.

in

Dictionary Value

Case Sensitive

Regular Expression

SCRIPTING

Set

Repeat Item

to

Updated Text

in

Dictionary

VARIABLES

Set variable

NewDictionary

to

Dictionary

End Repeat

SCRIPTING

Get

Value

for

TextAboveImg

in

Dictionary

SCRIPTING

If

Dictionary Value

is

<value>

MATHS

TextToTop

+

FontSize

Options Under Construction

MATHS

Calculation Result

+

TextToPhoto

Options Under Construction

DOCUMENTS

Replace

,

with

.

in

Calculation Result

Case Sensitive

Regular Expression

Otherwise

NUMBER

0

End If

TEXT

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> body{ height: 100vh; width: 100vw; display: flex; flex-direction:column; align-items:center; justify-content:space-between; overflow:hidden; margin: 0; } blurredBG { background: url(data:image/gif;base64,

NewDictionary

) no-repeat center top; -webkit-background-size: contain; position: absolute; top:

If Result

px; bottom: 0; left: 0; right: 0; overflow: hidden; transform: scale(1); -webkit-filter: url('#blur'); -webkit-filter: blur(0em); -webkit-filter: grayscale(

BGColor

%); z-index: 0; } .sbox { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:

NewDictionary

; opacity: 1; z-index: -2; } .stitle { text-align:

Provided Input

; position: absolute; top:

NewDictionary

px; left: 5px; right: 5px; color:

FontColor

; font:

NewDictionary

px '

ThoughtFulImage

'; font-weight: 700; letter-spacing: 0; line-height:

Font

px; z-index: 2; } .meta { margin-top: 1.5em; } .container { display: flex; flex-direction: column; align-items: center; margin-top: 100px; } </style> </head> <body> <div></div> <div class="container"> <div class="sbox"></div> <div class="stitle">

NewDictionary

</div> </div> <blurredBG></blurredBG> </body> </html>