From 888de0a90ae0e04ea9e20063d9a6cbfa9a20e9e0 Mon Sep 17 00:00:00 2001 From: Stas Medvedev Date: Tue, 11 Jun 2024 02:58:35 +0300 Subject: =?UTF-8?q?=D0=90=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D0=B2=D0=BA=D0=B0,?= =?UTF-8?q?=20=D0=BF=D0=BE=D0=B8=D0=B3=D1=80=D0=B0=D0=BB=20=D1=81=20=D0=B4?= =?UTF-8?q?=D0=B8=D0=B7=D0=B0=D0=B9=D0=BD=D0=BE=D0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/style.css | 67 +++++++++++++++++++++++++++++++++++++++-- templates/index.html | 18 ++++++----- templates/partials/about.html | 29 +++++++++++------- templates/partials/avatars.html | 9 +----- templates/partials/palette.html | 12 ++++---- templates/style.css | 2 +- 6 files changed, 101 insertions(+), 36 deletions(-) diff --git a/static/style.css b/static/style.css index 03fae5b..70482a5 100644 --- a/static/style.css +++ b/static/style.css @@ -605,12 +605,18 @@ div { .header { display: flex; - width: 66.666667%; + width: 100%; --tw-bg-opacity: 1; background-color: rgb(240 171 252 / var(--tw-bg-opacity)); padding: 0.5rem; } +@media (min-width: 768px) { + .header { + width: 66.666667%; + } +} + .about { justify-items: center; border-width: 4px; @@ -667,6 +673,11 @@ div { margin-bottom: 2.5rem; } +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + .ml-6 { margin-left: 1.5rem; } @@ -683,10 +694,26 @@ div { display: none; } +.h-24 { + height: 6rem; +} + +.h-full { + height: 100%; +} + +.w-full { + width: 100%; +} + .w-screen { width: 100vw; } +.grow { + flex-grow: 1; +} + .list-outside { list-style-position: outside; } @@ -695,10 +722,18 @@ div { list-style-type: disc; } +.flex-row { + flex-direction: row; +} + .flex-col { flex-direction: column; } +.flex-wrap { + flex-wrap: wrap; +} + .items-center { align-items: center; } @@ -707,12 +742,16 @@ div { justify-content: space-around; } +.gap-2 { + gap: 0.5rem; +} + .gap-4 { gap: 1rem; } -.gap-2 { - gap: 0.5rem; +.overflow-x-hidden { + overflow-x: hidden; } .border-2 { @@ -738,6 +777,10 @@ div { padding: 0.5rem; } +.text-center { + text-align: center; +} + .text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -763,6 +806,14 @@ div { color: rgb(45 212 191 / var(--tw-text-opacity)); } +.underline { + text-decoration-line: underline; +} + +.decoration-primary-300 { + text-decoration-color: #f0abfc; +} + .marker\:text-secondary-300 *::marker { color: rgb(94 234 212 ); } @@ -779,3 +830,13 @@ div { .group:hover .group-hover\:inline-block { display: inline-block; } + +@media (min-width: 768px) { + .md\:w-1\/3 { + width: 33.333333%; + } + + .md\:w-3\/4 { + width: 75%; + } +} diff --git a/templates/index.html b/templates/index.html index 87145fd..396c663 100644 --- a/templates/index.html +++ b/templates/index.html @@ -27,17 +27,21 @@ Document - {% include 'partials/palette.html' %} - {% include 'partials/header.html' %} - {% include 'partials/about.html' %} - - {% include 'partials/avatars.html' %} +
+
+ {% include 'partials/about.html' %} + {% include 'partials/palette.html' %} + {% include 'partials/services.html' %} +
+
+ {% include 'partials/avatars.html' %} +
+
- {% include 'partials/services.html' %} diff --git a/templates/partials/about.html b/templates/partials/about.html index b53a127..e077043 100644 --- a/templates/partials/about.html +++ b/templates/partials/about.html @@ -1,4 +1,4 @@ -
+

Привет, меня зовут Стас

Я @@ -22,15 +22,22 @@ В основном пишу на python

-

Вычислил тебя по ip: {{client_geo['query']}}

+
+

+ Уже вычислил тебя по ip: +

+
+ 😎 + + {{client_geo['query']}} + + 😎 + {% if 'city' in client_geo %} +

{{client_geo['country']}}

+

{{client_geo['city']}}

+ {% endif %} +
+ +
- {% if 'city' in client_geo %} -

{{client_geo['country']}}

-

{{client_geo['city']}}

- {% endif %} -

- (Шутка в том что такая возможность есть у любого сайта) -

diff --git a/templates/partials/avatars.html b/templates/partials/avatars.html index fd2c247..a6f84ff 100644 --- a/templates/partials/avatars.html +++ b/templates/partials/avatars.html @@ -1,5 +1,4 @@ -
-
+
{% for url in avatar_urls %} @@ -9,7 +8,6 @@
-
- diff --git a/templates/partials/palette.html b/templates/partials/palette.html index 6efa551..09f77bc 100644 --- a/templates/partials/palette.html +++ b/templates/partials/palette.html @@ -1,7 +1,7 @@ -
-
-
-
-
-
+
+
+
+
+
+
\ No newline at end of file diff --git a/templates/style.css b/templates/style.css index 6e43c21..4086c46 100644 --- a/templates/style.css +++ b/templates/style.css @@ -36,7 +36,7 @@ div { @apply text-secondary-500 hover:text-fuchsia-600; } .header { - @apply w-2/3 bg-primary-300 flex p-2; + @apply w-full md:w-2/3 bg-primary-300 flex p-2; } .about { @apply border-4 border-fuchsia-200 border-dashed p-2 justify-items-center; -- cgit v1.2.3