diff --git a/static/favicon.ico b/static/favicon.ico index 4d8381c..d1f8f7f 100644 Binary files a/static/favicon.ico and b/static/favicon.ico differ diff --git a/static/ia-logo.svg b/static/ia-logo.svg new file mode 100644 index 0000000..f3d2274 --- /dev/null +++ b/static/ia-logo.svg @@ -0,0 +1,3 @@ + + +image/svg+xml \ No newline at end of file diff --git a/static/ia.css b/static/ia.css new file mode 100644 index 0000000..cfa200e --- /dev/null +++ b/static/ia.css @@ -0,0 +1,196 @@ +body{ + margin: 0 0 2rem; + background-color: #f4f4f4; + font-family: Open Sans, Arial, sans-serif; +} + +#top{ + background-color: #1D428A; + width: 100%; + display: flex; + justify-content: center; +} + +#header { + height: 6rem; + display: flex; + align-items: center; +} + +#logo img { + height: 3rem; +} + +#logo { + margin-right: 1rem; + align-items: center; +} + +#title { + color: white; + text-decoration: none; + font-family: "Humanst521 BT", "Open Sans", sans-serif; + font-size: 2.75rem; + line-height: 2.75rem; +} + +#middle { + width: 100%; + display: flex; + justify-content: center; +} + +#content { + min-height: 100px; + min-width: 200px; + margin: 1rem; + width: 600px; +} + +#box { + padding: 1rem; +} + +#box .form { + margin-bottom: 1rem; +} + +#box-title { + margin: 0 0 0.5rem 0; + font-family: "Humanst521 BT", "Open Sans", sans-serif; + font-size: 2.5rem; + font-weight: normal; +} + +.drop-shadow { + filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5)); +} + +#long-url-box{ + display: flex; + align-items: stretch; +} + +#long-url-box .prepend { + background-color: #1D428A; + color: white; + font-family: "Humanst521 BT", "Open Sans", sans-serif; + font-size: 2rem; + font-weight: bold; + display: block; + padding: 0.5rem; + text-align: center; + z-index: 1; + + margin-top: 1rem; + margin-bottom: 1rem; +} + +#long-url { + width: 1%; + min-width: 40px; + flex: 1 1 auto; + font-size: 1.75rem; + color: black; + position: relative; + border: none; + padding: 0.5rem; + + margin-top: 1rem; + margin-bottom: 1rem; + + border-top: 1px solid rgba(0, 0, 0, 0.5); + border-bottom: 1px solid rgba(0, 0, 0, 0.5); +} + +#submit { + background-color: #077821; + color: white; + border: none; + font-size: 2rem; + cursor: pointer; + font-weight: normal; + padding: 0.5rem; + font-family: "Humanst521 BT", "Open Sans", sans-serif; + + margin-top: 1rem; + margin-bottom: 1rem; +} + +#submit:hover { + background-color: #099A2B; +} + +#custom-link-box .optional { + font-size: 1.25rem; + margin-top: 0.5em; + margin-bottom: 0.5rem; +} + +#custom-label { + display: flex; + align-items: stretch; +} + +#custom-label .url { + float: left; + background-color: #1D428A; + color: white; + + + font-family: "Humanst521 BT", "Open Sans", sans-serif; + font-size: 1.5rem; + font-weight: normal; + display: block; + padding: 0.5rem; + text-align: center; + z-index: 1; +} + +#custom-link { + width: 1%; + min-width: 40px; + flex: 1 1 auto; + font-size: 1.5rem; + color: black; + position: relative; + border: none; + padding: 0.5rem; + + border-top: 1px solid rgba(0, 0, 0, 0.5); + border-bottom: 1px solid rgba(0, 0, 0, 0.5); + border-right: 1px solid rgba(0, 0, 0, 0.5); +} + +.success { + color: #077821; + font-size: 1.25rem; +} + +.error { + color: #B8231F; + font-size: 1.25rem; +} + +.success span { + display: block; +} + +.success a { + color: #153065; + text-decoration: none; + font-family: monospace; + font-size: 1.25rem; + display: block; + + margin-top: 0.25rem; + padding: 0.25rem; + border: 1px solid rgba(0, 0, 0, 0.5); + background-color: white; + text-align: center; +} + +.success a:hover { + color: #2450A8; + text-decoration: underline; +} diff --git a/static/ictsv-logo-white.svg b/static/ictsv-logo-white.svg new file mode 100644 index 0000000..a4c1db7 --- /dev/null +++ b/static/ictsv-logo-white.svg @@ -0,0 +1,192 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/ictsv-logo.svg b/static/ictsv-logo.svg new file mode 100644 index 0000000..d1447bb --- /dev/null +++ b/static/ictsv-logo.svg @@ -0,0 +1,189 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/templates/main.html b/templates/main.html index 5ae9901..08daf1a 100644 --- a/templates/main.html +++ b/templates/main.html @@ -9,47 +9,61 @@ A copy of the MIT license can be obtained at https://mit-license.org/ {{ config.site_name }} - - - + + -
-

{{ config.site_name }}

-
-

- -

-

- -

-

- -

-
-
- {% with messages = get_flashed_messages(with_categories=true) %} - {% if messages %} - {% for category, message in messages %} - {% if category == 'success' %} -
- ✓ Shortlink successfully generated! Available at {{ message }} -
- {% elif category == 'error' %} -
- ✖ {{ message }} -
- {% endif %} - {% endfor %} - {% endif %} - {% endwith %} - {% if config.show_github_link %} -
- - - +
+ - {% endif %} +
+
+
+
+
+
+

Shorten URL

+
+
+ ≫ + + +
+ +
+
+ + {% with messages = get_flashed_messages(with_categories=true) %} + {% if messages %} + {% for category, message in messages %} + {% if category == 'success' %} +
+ ✓ Short link successfully generated! + {{ message }} +
+ {% elif category == 'error' %} +
+ ✖ {{ message }} +
+ {% endif %} + {% endfor %} + {% endif %} + {% endwith %} +
+
+
- \ No newline at end of file +