From 001c47a3cd9b6ce392efce2120152b892f8c977f Mon Sep 17 00:00:00 2001 From: phant80m Date: Thu, 13 Apr 2023 18:27:08 +1000 Subject: [PATCH 1/4] added font LondonBetween || experimented with styling :root --- build.sh | 8 ++++++++ src/assets/hyprland-community.svg | 11 +++++++++++ src/fonts/LondonBetween.ttf | Bin 0 -> 32528 bytes src/global.css | 18 ++++++++++++++++-- src/index.html | 8 ++++++-- 5 files changed, 41 insertions(+), 4 deletions(-) create mode 100644 src/assets/hyprland-community.svg create mode 100644 src/fonts/LondonBetween.ttf diff --git a/build.sh b/build.sh index f1014e5..c0d0fef 100755 --- a/build.sh +++ b/build.sh @@ -13,6 +13,14 @@ source_dir="$PWD/src" mkdir -p $build_dir touch "${build_dir}"/.nojekyll cp "${source_dir}"/*.js "${build_dir}" + +# fonts +mkdir -p "${build_dir}"/fonts +cp "${source_dir}"/fonts/*.* "${build_dir}"/fonts + +# assets, +mkdir -p "${build_dir}"/assets +cp "${source_dir}"/assets/*.* "${build_dir}"/assets for i in "${files[@]}"; do file=$(echo "$i" | sed -E 's/ -> .*//') title=$(echo "$i" | sed -E 's/.* -> //') diff --git a/src/assets/hyprland-community.svg b/src/assets/hyprland-community.svg new file mode 100644 index 0000000..e64a1d3 --- /dev/null +++ b/src/assets/hyprland-community.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/fonts/LondonBetween.ttf b/src/fonts/LondonBetween.ttf new file mode 100644 index 0000000000000000000000000000000000000000..eea4e8f7b3b9daeaafac256db6c4b7a711bdbb0f GIT binary patch literal 32528 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

lyNdF2E3w_5|`U7>8{+s$@rLBswm&aZh zn;GUU0b2SvTGDWV%-|ESk0P5^zt<9Y~zg!dy!KXgao}dGSeu(VE3uI`VrLgwqQ< z3&CZd-PYEz{o-X^=QYw~<}QmRyL594H|adlRW_GiY@I%TWa$MPTf;IAFR-sl)PVFU zl~gIJ)tute%*WkIF-rum0{*hEPM1DDJxwnOu=`8*(UzI!Fin>pt5AYm$9@Be#@q|9 z7Z(-T;dR}#g54jRS;ems%kPqBv2w6NsGldYkAM;i4jq>X5zr}QV^)#~kbxeFl^&T^ zjIkZE1S~B-#~x*Wgq26&fJ0~8@8+X93wyM$G*c=qm}W1&L__Rv;Q^V{tZ*tv} zE59vxAVu6a@PD>e5Ih}QFB%=aaBF+})(b~RFWTC%IX%R`3}-UK{Cy}*S1mcXsZiK- za7p#O1Ha;`j*czE>GUwx3JmzX#~|m#2!D{Xs8_2Uk}R2|nT!k6>==fdaCQ_+nvAKu z?UTLtZ`e6FU2ttS$J%PP?M}8v⋙WKt4D#L|bBQgHad|)|af|T8@3`abW**_@bLQ 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 ME}ie#kZI`k2U6lh-v9sr literal 0 HcmV?d00001 diff --git a/src/global.css b/src/global.css index a59c089..8755896 100644 --- a/src/global.css +++ b/src/global.css @@ -1,7 +1,21 @@ +@font-face { + font-family: 'LondonBetween'; + src: url('fonts/LondonBetween.ttf') format('truetype'); +} +:root { + background-color: #1b1b1b; +} body > :not(code) { - font-family: Nanum Pen Script; + font-family: 'LondonBetween', sans-serif; +} +.heading { + display: flex; + align-items: center; /* Align items vertically in the center */ + color: white; +} +.heading img { + margin-right: 20px; /* Add some space between the header and the image */ } - code { font-family: Nanum Gothic Coding !important; } diff --git a/src/index.html b/src/index.html index 9a34ea7..4502715 100644 --- a/src/index.html +++ b/src/index.html @@ -3,8 +3,12 @@ import { WiredLink } from "wired-elements"; title("Hyprland community website") - -

Hyprland community website

+
+ + Hyprland Community +

Hyprland community website

+ +

A place where people work together to make stuff for Hyprland

Pages:

From 4e36f3318684c7c816d561ce1b6f273953d48c7a Mon Sep 17 00:00:00 2001 From: phant80m Date: Thu, 13 Apr 2023 18:28:11 +1000 Subject: [PATCH 2/4] removed test.tmp (whatever it did) --- test.tmp | 0 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 test.tmp diff --git a/test.tmp b/test.tmp deleted file mode 100644 index e69de29..0000000 From 0563b5838388c001a7e00388d72685c6372816fa Mon Sep 17 00:00:00 2001 From: phant80m Date: Thu, 13 Apr 2023 19:46:59 +1000 Subject: [PATCH 3/4] advanced css --- hotreload.sh | 7 +++ src/assets/hyprland-community.svg | 2 +- src/global.css | 74 +++++++++++++++++++++++++++++-- src/index.html | 44 +++++++++++++----- 4 files changed, 110 insertions(+), 17 deletions(-) create mode 100644 hotreload.sh diff --git a/hotreload.sh b/hotreload.sh new file mode 100644 index 0000000..f1fba8c --- /dev/null +++ b/hotreload.sh @@ -0,0 +1,7 @@ +#!/bin/bash + +# Watch for changes in the src/ directory and run bash ./build.sh when a change is detected +while true; do + inotifywait -e modify -r src/ && bash ./build.sh +done + diff --git a/src/assets/hyprland-community.svg b/src/assets/hyprland-community.svg index e64a1d3..e345034 100644 --- a/src/assets/hyprland-community.svg +++ b/src/assets/hyprland-community.svg @@ -6,6 +6,6 @@ - + diff --git a/src/global.css b/src/global.css index 8755896..f5ea10a 100644 --- a/src/global.css +++ b/src/global.css @@ -2,12 +2,77 @@ font-family: 'LondonBetween'; src: url('fonts/LondonBetween.ttf') format('truetype'); } + :root { - background-color: #1b1b1b; + background: linear-gradient(-45deg, #5d04a0 , #5d04a0, #3498db); + background-size: 400% 400%; + animation: gradient 15s ease infinite; + +} + +@keyframes gradient { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } } body > :not(code) { font-family: 'LondonBetween', sans-serif; } + + + +html, body { + width: 100%; + height:100%; +} + + +code { + font-family: Nanum Gothic Coding !important; +} + +.container { + display: flex; + align-items: center; + justify-content: center; + height: 100vh; +} +.box { + background-color: #1b1b1b; + position: relative; + opacity: 0; /* Start with an opacity of 0 to hide the box */ + transform: scale(0.5); /* Scale the box down to half its size */ + transition: all 0.5s ease-in-out; /* Use a transition for the pop-in effect */ + width: 800px; + height: 450px; + padding: 20px; + margin: 0 auto; /* Center the box horizontally */ + max-width: 400px; /* Set the maximum width of the box */ + padding: 20px; /* Add some padding inside the box */ + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); /* Add a blurred effect to the background */ + border-radius: 20px; /* Add rounded corners to the box */ + border: 2px solid rgba(0, 0, 0, 0.141); + box-shadow: 0 0 30px rgba(0, 0, 0, 0.11); /* Add a blurred effect to the box */ + display: flex; /* Use flexbox to center the content */ + flex-direction: column; /* Set the flex direction to column */ + justify-content: center; /* Center the content vertically */ + align-items: center; /* Center the content horizontally */ + +} + +.box.show { + opacity: 0.9; /* Change opacity to 1 to show the box */ + transform: scale(1); /* Scale the box back to its original size */ +} + +/* heading */ .heading { display: flex; align-items: center; /* Align items vertically in the center */ @@ -16,6 +81,7 @@ body > :not(code) { .heading img { margin-right: 20px; /* Add some space between the header and the image */ } -code { - font-family: Nanum Gothic Coding !important; -} + + + +/* background */ diff --git a/src/index.html b/src/index.html index 4502715..76cd3e7 100644 --- a/src/index.html +++ b/src/index.html @@ -3,17 +3,37 @@ import { WiredLink } from "wired-elements"; title("Hyprland community website") -
+ + +
+
+
+ + Hyprland Community +

Hyprland community website

+ +
+
+

A place where people work together to make stuff for Hyprland

+

Pages:

+
    +
  • Hyprtheme themes
    • +
  • Hyprland community projects
    • +
+
+ + + + + + - Hyprland Community -

Hyprland community website

- -
-

A place where people work together to make stuff for Hyprland

-

Pages:

-
    -
  • Hyprtheme themes
    • -
  • Hyprland community projects
    • -
-
From 8ce839b81eadfccfc1c5ba79a9cd96e72ad9ff6f Mon Sep 17 00:00:00 2001 From: phant80m Date: Fri, 14 Apr 2023 14:27:59 +1000 Subject: [PATCH 4/4] sorta cleaned up ui --- src/global.css | 51 +++++++++++++++++++++++++------------------------- src/index.html | 9 ++++++--- src/themes.js | 8 +++++++- 3 files changed, 38 insertions(+), 30 deletions(-) diff --git a/src/global.css b/src/global.css index f5ea10a..355fd2e 100644 --- a/src/global.css +++ b/src/global.css @@ -4,28 +4,8 @@ } :root { - background: linear-gradient(-45deg, #5d04a0 , #5d04a0, #3498db); - background-size: 400% 400%; - animation: gradient 15s ease infinite; - -} - -@keyframes gradient { - 0% { - background-position: 0% 50%; - } - 50% { - background-position: 100% 50%; - } - 100% { - background-position: 0% 50%; - } + background: linear-gradient(45deg, #62cff4 15%, #ff00ff 158.5%); } -body > :not(code) { - font-family: 'LondonBetween', sans-serif; -} - - html, body { width: 100%; @@ -49,17 +29,17 @@ code { opacity: 0; /* Start with an opacity of 0 to hide the box */ transform: scale(0.5); /* Scale the box down to half its size */ transition: all 0.5s ease-in-out; /* Use a transition for the pop-in effect */ - width: 800px; - height: 450px; + width: 70%; + height: 50%; padding: 20px; margin: 0 auto; /* Center the box horizontally */ - max-width: 400px; /* Set the maximum width of the box */ + max-width: 90%; /* Set the maximum width of the box */ padding: 20px; /* Add some padding inside the box */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* Add a blurred effect to the background */ border-radius: 20px; /* Add rounded corners to the box */ border: 2px solid rgba(0, 0, 0, 0.141); - box-shadow: 0 0 30px rgba(0, 0, 0, 0.11); /* Add a blurred effect to the box */ + box-shadow: 0 0 60px 2px #1b1b1c; display: flex; /* Use flexbox to center the content */ flex-direction: column; /* Set the flex direction to column */ justify-content: center; /* Center the content vertically */ @@ -68,20 +48,39 @@ code { } .box.show { - opacity: 0.9; /* Change opacity to 1 to show the box */ + opacity: 1.0; /* Change opacity to 1 to show the box */ transform: scale(1); /* Scale the box back to its original size */ } /* heading */ .heading { + font-family: 'LondonBetween'; + font-size: 3rem; display: flex; align-items: center; /* Align items vertically in the center */ color: white; } .heading img { margin-right: 20px; /* Add some space between the header and the image */ + margin-bottom: 20px; + width: 120px; } +.sub-heading { + font-family: monospace; + color: white; + font-size: 1rem; + margin-top: -60px; +} +.pages { + font-family: monospace; + font-size: 0.8rem; + color: white; + text-align: center; +} +wired-link { + text-decoration: none; +} /* background */ diff --git a/src/index.html b/src/index.html index 76cd3e7..afd9548 100644 --- a/src/index.html +++ b/src/index.html @@ -15,13 +15,16 @@
-

A place where people work together to make stuff for Hyprland

-

Pages:

+

A place where individuals collaborate to create products for Hyprland.

+ +
+
+

Pages:

  • Hyprtheme themes
  • Hyprland community projects
- +