diff --git a/public/backups/home.old.css b/public/backups/home.old.css deleted file mode 100644 index dd540c1..0000000 --- a/public/backups/home.old.css +++ /dev/null @@ -1,569 +0,0 @@ -@font-face { - font-family: "LondonBetween"; - src: url("../fonts/LondonBetween.woff") format("woff"); - } - - @font-face { - font-family: "JosefinSans-Regular"; - src: url("../fonts/JosefinSans-Regular.woff") format("woff"); - } - @font-face { - font-family: "Sofia-Pro-Light"; - src: url("../fonts/SofiaProLight.woff") format("woff"); - } - - @font-face { - font-family: "Sofia-Pro-Medium"; - src: url("../fonts/SofiaProMedium.woff") format("woff"); - } - - @font-face { - font-family: "SourceCodePro-Semibold"; - src: url("../fonts/SourceCodePro-Semibold.woff") format("woff"); - } - - * { - padding: 0px; - margin: 0px; - background-color: #1a1a2e; - } - - body { - overflow-x: hidden; - } - - #content-center { - margin-left: 10%; - margin-right: 10%; - } - - #header { - display: flex; - background-color: #1a1a2e; - width: auto; - height: 6rem; - - } - - .header { - background-color: #1a1a2e; - } - - #header-logo-div { - width: 240px; - } - - - - #header-logo { - width: auto; - height: 100%; - } - - #header-links { - display: flex; - padding-top: 15%; - width: 260px; - } - - #header-links-div { - margin-left: auto; - padding-right: 10rem; - } - - .header-link { - color: #cfe8f6; - font-family: "LondonBetween"; - font-size: 20px; - text-decoration: none; - transition: transform 0.2s; - } - - - - .text-para-link:hover { - color: aquamarine; - font-size: 28px; - } - - .text-para-link { - color: #cfe8f6; - font-size: 22px; - transition: font-size 0.2s; - } - #header-link-install { - margin-left: 10%; - } - #header-link-configure { - margin-left: 10%; - } - - #header-link-home { - border-bottom: 2px solid #cfe8f6; - } - - .header-link:hover { - transform: scale(1.3); - border-bottom: 2px solid aquamarine !important; - color: aquamarine; - } - - #links-out { - margin-left: auto; - } - - #github { - margin-top: 50%; - } - - #link-github { - padding: 15px; - background-color: aquamarine; - font-family: "LondonBetween"; - color: #1a1a2e; - text-decoration: none; - } - - #github { - transition: transform 0.2s; - } - - #github:hover { - transform: scale(1.2); - } - #top { - width: 100%; - height: 40rem; - /* background-color: #1a1a2e; */ - display: flex; - } - - #text { - width: 50%; - height: 100%; - margin-top: 8rem; - margin-right: 2%; - padding-right: 20px; - } - - #text-h1 { - color: #cfe8f6; - font-family: "JosefinSans-Regular"; - font-size: 65px; - line-height: 1; - } - - .text-para { - padding-top: 20px; - color: #cfe8f6; - font-family: "Sofia-Pro-Medium"; - font-size: 22px; - line-height: 1.3; - } - - #slide { - width: 640px; - height: auto; - margin-top: 6%; - } - - #slide-content { - - border: 5px solid #cfe8f6; - - } - - #slide-img { - width: auto; - max-width: 40rem; - height: auto; - max-height: 23rem; - } - - .swiper { - width: auto; - } - - .swiper-slide { - width: auto; - } - - .swiper-wrapper { - width: auto; - height: auto; - } - - .swiper .swiper-button-prev, - .swiper .swiper-button-next { - color: #cfe8f6; - background-color: transparent; - } - - .swiper .swiper-pagination-bullet-active { - background-color: #cfe8f6; - } - - .swiper .swiper-pagination { - background-color: transparent; - } - - #install-link { - margin-top: 2rem; - padding: 15px; - background-color: aquamarine; - border: 5px solid #1a1a2e; - /* border-radius: 15px; */ - font-family: "Sofia-Pro-Medium"; - transition: transform 0.2s; - font-size: 16px; - cursor: pointer; - } - - #install-link:hover { - transform: scale(1.2); - } - - #title-features { - font-family: "JosefinSans-Regular"; - color: #cfe8f6; - font-size: 102px; - } - - #features { - width: 100%; - height: 130rem; - } - - #animation { - margin-top: 10rem; - - display: flex; - } - - #animation-left { - width: 50%; - height: 100%; - } - - video { - width: 100%; - height: 10%; - } - - #animation-right { - width: 50%; - height: 100%; - } - - #animation-h1 { - color: #cfe8f6; - font-family: "JosefinSans-Regular"; - margin-left: 25%; - margin-top: 15%; - font-size: 46px; - line-height: 1; - width: 100%; - } - - #animation-p { - color: #cfe8f6; - font-family: "Sofia-Pro-Light"; - margin-left: 20%; - margin-top: 2%; - font-size: 18px; - line-height: 1.5; - text-align: center; - } - - #tiling { - margin-top: 20rem; - display: flex; - } - - #tiling-left { - width: 50%; - height: 100%; - } - - #tiling-right { - width: 50%; - height: 100%; - } - - #tiling-h1 { - color: #cfe8f6; - font-family: "JosefinSans-Regular"; - margin-left: 13%; - margin-top: 15%; - font-size: 46px; - line-height: 1; - width: 100%; - } - - #tiling-p { - color: #cfe8f6; - font-family: "Sofia-Pro-Light"; - margin-right: 20%; - margin-top: 2%; - font-size: 18px; - line-height: 1.5; - text-align: center; - } - - #configure { - margin-top: 20rem; - - display: flex; - } - - #configure-left { - width: 50%; - height: 100%; - } - - #configure-right { - width: 50%; - height: 100%; - } - - #configure-h1 { - color: #cfe8f6; - font-family: "JosefinSans-Regular"; - margin-left: 26%; - margin-top: 15%; - font-size: 46px; - line-height: 1; - width: 100%; - } - - #configure-p { - color: #cfe8f6; - font-family: "Sofia-Pro-Light"; - margin-left: 20%; - margin-top: 2%; - font-size: 18px; - line-height: 1.5; - text-align: center; - } - - #link-config { - color: #cfe8f6; - transition: font-size 0.2s; - } - - #link-config-discord { - color: #cfe8f6; - transition: font-size 0.2s; - } - - #link-config:hover { - color: aquamarine; - font-size: 20px; - } - - #link-config-discord:hover { - color: #5865f2; - font-size: 20px; - } - - #and-many-more { - width: auto; - margin-top: 15rem; - margin-left: 10%; - margin-right: 10%; - margin-bottom: 6rem; - height: 30rem; - background-color: #2d2d47; - border-radius: 15px; - } - - .amm { - background-color: #2d2d47; - border-radius: 15px; - } - - #h1-amm { - color: #cfe8f6; - font-family: "JosefinSans-Regular"; - margin-left: 28%; - padding-top: 4%; - font-size: 52px; - line-height: 1; - } - - #ul-amm-div { - display: flex; - margin-top: 5%; - padding-left: 50px; - } - - #ul-amm { - margin-left: 10%; - } - #li-amm { - color: #cfe8f6; - font-family: "Sofia-Pro-Medium"; - padding-bottom: 3rem; - } - - #quickinstall { - width: 100%; - height: 20rem; - - } - - #quickinstall h1 { - color: #cfe8f6; - font-family: "JosefinSans-Regular"; - font-size: 48px; - } - - #qi-content { - width: auto; - height: 6rem; - margin-top: 20px; - border-radius: 15px; - background-color: #2d2d47; - } - - #qi-content p span { - - font-family: "SourceCodePro-Semibold"; - font-size: 22px; - background-color: #2d2d47; - } - - #qi-content p { - padding-top: 32px; - padding-left: 30px; - background-color: #2d2d47; - border-radius: 15px; - } - - #yay { - color: #f9e2af - } - - #syyu { - color: #94e2d5; - } - - #h-git { - color:#cfe8f6; - } - - #warning { - width: auto; - margin-top: 4rem; - margin-bottom: 10rem; - height: 6rem; - background-color: rgba(243, 139, 168,1); - display: flex; - border-radius: 15px; - } - - #warning img { - width: auto; - height: 60%; - background-color: rgba(243, 139, 168,1); - margin-top: 20px; - margin-left: 30px; - } - - #warning p { - color: black; - font-family: "Sofia-Pro-Light"; - margin-left: 30px; - margin-top: 40px; - font-size: 20px; - background-color: rgba(243, 139, 168,1); - } - - #warning i { - background-color: rgba(243, 139, 168,1); - } - - #info-install { - color:#cfe8f6; - font-family: "Sofia-Pro-Medium"; - margin-top: 10px; - font-size: 14px; - } - - #info-install-link { - color:#cfe8f6; - font-family: "Sofia-Pro-Medium"; - font-size: 14px; - transition: font-size 0.2s; - - } - - #info-install-link:hover { - color: aquamarine; - font-family: "Sofia-Pro-Medium"; - font-size: 18px; - - } - - hr { - margin-top: 100px; - color:#a3a3a3a5; - } - - footer { - width: 100%; - height: 130px; - display: flex; - } - - footer p { - - margin-top: 10px; - color: #a3a3a3a5; - font-family: "Sofia-Pro-Light"; - font-size: 13px; - } - - footer p a { - color: #a3a3a3a5; - text-decoration: none; - } - - footer p a:hover { - color: #cfe8f6; - text-decoration: none; - } - - #devs { - padding-top: 5px; - } - - .p2 { - margin-top: 9px; - } - - #foot-icons img { - padding-left: 20px; - width: 30px; - height: 30px; - - } - - #foot-icons { - margin-left: 35%; - margin-top: 4%; - display: flex; - } - - @media (max-width: 1080px){ - #top { - display: inline; - } - } - - @media (max-width: 480px){ - #header-logo-div { - width: 40%; - height: auto; - } - } \ No newline at end of file diff --git a/public/backups/home.old.ejs b/public/backups/home.old.ejs deleted file mode 100644 index b52fbd2..0000000 --- a/public/backups/home.old.ejs +++ /dev/null @@ -1,289 +0,0 @@ - - - - - - - - - - Hyprland - - -
- - - -
--> - - - - - - diff --git a/public/confs/hyprland.conf b/public/confs/hyprland.conf deleted file mode 100644 index a9fa95b..0000000 --- a/public/confs/hyprland.conf +++ /dev/null @@ -1,119 +0,0 @@ -############# Copy the Content of this file to your Hyprland config file and edit it.################ - - -# This is an example Hyprland config file. - -# Syntax is the same as in Hypr, but settings might differ. -# -# Refer to the wiki for more information. - -# -# Please note not all available settings / options are set here. -# For a full list, see the wiki (basic and advanced configuring) -# - -monitor=,preferred,0x0,1 -workspace=DP-1,1 - -input { - kb_layout= - kb_variant= - kb_model= - kb_options= - kb_rules= - - follow_mouse=1 - - touchpad { - natural_scroll=no - } -} - -general { - sensitivity=1.0 # for mouse cursor - main_mod=SUPER - - gaps_in=5 - gaps_out=20 - border_size=2 - col.active_border=0x66ee1111 - col.inactive_border=0x66333333 - - apply_sens_to_raw=0 # whether to apply the sensitivity to raw input (e.g. used by games where you aim using your mouse) - - damage_tracking=full # leave it on full unless you hate your GPU and want to make it suffer -} - -decoration { - rounding=10 - blur=1 - blur_size=3 # minimum 1 - blur_passes=1 # minimum 1, more passes = more resource intensive. - # Your blur "amount" is blur_size * blur_passes, but high blur_size (over around 5-ish) will produce artifacts. - # if you want heavy blur, you need to up the blur_passes. - # the more passes, the more you can up the blur_size without noticing artifacts. -} - -animations { - enabled=1 - animation=windows,1,7,default - animation=border,1,10,default - animation=fade,1,10,default - animation=workspaces,1,6,default -} - -dwindle { - pseudotile=0 # enable pseudotiling on dwindle -} - -gestures { - workspace_swipe=no -} - -# example window rules -# for windows named/classed as abc and xyz -#windowrule=move 69 420,abc -#windowrule=size 420 69,abc -#windowrule=tile,xyz -#windowrule=float,abc -#windowrule=pseudo,abc -#windowrule=monitor 0,xyz - -# example binds -bind=SUPER,Q,exec,kitty -bind=SUPER,C,killactive, -bind=SUPER,M,exit, -bind=SUPER,E,exec,dolphin -bind=SUPER,V,togglefloating, -bind=SUPER,R,exec,wofi --show drun -o DP-3 -bind=SUPER,P,pseudo, - -bind=SUPER,left,movefocus,l -bind=SUPER,right,movefocus,r -bind=SUPER,up,movefocus,u -bind=SUPER,down,movefocus,d - -bind=SUPER,1,workspace,1 -bind=SUPER,2,workspace,2 -bind=SUPER,3,workspace,3 -bind=SUPER,4,workspace,4 -bind=SUPER,5,workspace,5 -bind=SUPER,6,workspace,6 -bind=SUPER,7,workspace,7 -bind=SUPER,8,workspace,8 -bind=SUPER,9,workspace,9 -bind=SUPER,0,workspace,10 - -bind=ALT,1,movetoworkspace,1 -bind=ALT,2,movetoworkspace,2 -bind=ALT,3,movetoworkspace,3 -bind=ALT,4,movetoworkspace,4 -bind=ALT,5,movetoworkspace,5 -bind=ALT,6,movetoworkspace,6 -bind=ALT,7,movetoworkspace,7 -bind=ALT,8,movetoworkspace,8 -bind=ALT,9,movetoworkspace,9 -bind=ALT,0,movetoworkspace,10 - -bind=SUPER,mouse_down,workspace,e+1 -bind=SUPER,mouse_up,workspace,e-1 \ No newline at end of file diff --git a/public/css/home.css b/public/css/home.css index c61649c..1410fd1 100644 --- a/public/css/home.css +++ b/public/css/home.css @@ -21,7 +21,7 @@ font-family: "SourceCodePro-Semibold"; src: url("../fonts/SourceCodePro-Semibold.woff") format("woff"); } -/* #7069c5 */ + * { box-sizing: border-box; margin: 0; @@ -36,6 +36,8 @@ header { padding: 0px 10%; padding-left: 8%; background-color: #1a1a2e; + padding-top: 20px; + } .logo { @@ -46,14 +48,12 @@ header { .logo img { width: 190px; height: auto; - padding-top: 20px; padding-right: 10px; } .nav__links { list-style: none; display: flex; - } .nav__links a, @@ -70,8 +70,6 @@ header { padding: 0px 20px; } - - .nav__links li a:hover { color: aquamarine; } @@ -80,6 +78,7 @@ header { margin-left: 20px; padding: 16px 25px; background-color: aquamarine; + border: none; border: solid aquamarine; border-radius: 0.2rem; cursor: pointer; @@ -89,14 +88,16 @@ header { .cta:hover { transform: scale(1.2); - background-color: #1a1a2e; + background-color: #1a1a2e; color: aquamarine; } - - #close-id { - padding: 0px; +padding: 0px; +margin-right: 32px; +font-size: 43px; +margin-top: 5px; + } #home { @@ -121,6 +122,7 @@ header { .top { background-color: #1a1a2e; display: flex; + height: 643px; } .text h2 { @@ -132,6 +134,7 @@ header { font-family: "Sofia-Pro-Medium"; font-size: 20px; color: #cfe8f6; + padding-top: 15px; } .text a { font-family: "Sofia-Pro-Medium"; @@ -143,27 +146,28 @@ header { .text { padding-top: 150px; - padding-bottom: 200px; padding-left: 10%; margin-right: auto; max-width: 700px; } #install-hypr div { - width: 200px; - height: 50px; + width: 300px; + height: 60px; background-color: aquamarine; - margin-top: 45px; + margin-top: 30px; transition: all 0.5s ease; border-radius: 0.2rem; } + #install-hypr div p { text-align: center; - color:#1a1a2e; + color: #1a1a2e; background-color: aquamarine; - padding-top: 1rem; + padding-top: 1.25rem; padding-bottom: 1rem; + font-size: 22px; border-radius: 0.2rem; border:solid aquamarine; transition: all 0.5s ease; @@ -182,7 +186,6 @@ header { transform: scale(1.2); } - #slide { margin-top: 100px; margin-right: 6%; @@ -198,8 +201,8 @@ header { height: auto; } .swiper { - width: 100%; - height: fit-content; + width: 100%; + height: fit-content; } .swiper-slide img { @@ -207,7 +210,6 @@ header { height: auto; } - .swiper .swiper-button-prev, .swiper .swiper-button-next { color: #cfe8f6; @@ -223,8 +225,8 @@ header { } /* Mobile Nav */ -.menu { - display: none ; +.menu { + display: none; } .overlay { @@ -271,12 +273,10 @@ header { cursor: pointer; } - .mob-menu { display: none; } - .mob-menu { font-size: 40px; color: #cfe8f6; @@ -336,23 +336,22 @@ header { } #ani-text a div { - color: #1a1a2e; + color: #1a1a2e; font-family: "Sofia-Pro-Medium"; padding: 20px; margin: 0px 20%; margin-top: 40px; - - background-color: aquamarine; - text-align: center; - transition: all 0.5s ease; border-radius: 0.2rem; border: solid aquamarine; + background-color: aquamarine; + text-align: center; + transition: all 0.3s ease; } #ani-text a div:hover { transform: scale(1.2); + background-color: #1a1a2e; color: aquamarine; - background-color: #1a1a2e; } .tiling { @@ -392,17 +391,16 @@ header { padding: 20px; margin: 0px 20%; margin-top: 40px; - border-radius: 0.2rem; border: solid aquamarine; background-color: aquamarine; text-align: center; - transition: all 0.5s ease; + transition: all 0.3s ease; } #til-text a div:hover { transform: scale(1.2); - background-color: #1a1a2e; + background-color: #1a1a2e; color: aquamarine; } @@ -443,147 +441,52 @@ header { padding: 20px; margin: 0px 20%; margin-top: 40px; - - border: solid aquamarine; + border: solid aquamarine; border-radius: 0.2rem; background-color: aquamarine; text-align: center; - transition: all 0.5s ease; + transition: all 0.3s ease; } #con-text a div:hover { transform: scale(1.2); - background-color: #1a1a2e; + background-color: #1a1a2e; color: aquamarine; + } -#con-text p a { +#con-text p a { color: #cfe8f6; text-decoration: underline; transition: all 0.3s ease; } -#con-text p a:hover { +#con-text p a:hover { color: aquamarine; } #link-config-discord:hover { color: #5865f2 !important; } -.and-more { - width: 100%; - height: 200px; - background-color: #1a1a2e; -} - -.and-more h1 { - padding-top: 30px; - width: fit-content; - margin-inline: auto; - font-size: 53px; - text-align: center; - font-family: "JosefinSans-Regular"; - background-color: #1a1a2e; - transition: all 0.5s ease; -} - -.and-more a { - color: #cfe8f6; -} - -.and-more h1:hover { - color: aquamarine; - transform: scale(1.2); -} -.content { - margin-top: 60px; - width: 100%; - height: 300px; -} -/* .get-started { - font-family: 'JosefinSans-Regular'; - font-size: 34px; - color: #cfe8f6; - padding-left: 10%; - padding-right: 10%; - -} -.get-started a div { - color: #1a1a2e; - font-size: 24px; - font-family: "Sofia-Pro-Medium"; - padding: 15px 60px;; - margin-right: 40%; - margin-top: 40px; - margin-bottom: 100px; - width: 300px; - background-color: aquamarine; - transition: all 0.5s ease; -} -.get-started a { - text-decoration: none; -} */ -/* -.get-started a div:hover { - transform: scale(1.2); -} */ - - - - -#get-started-button { - width: 330px; - border-radius: 0.2rem; - border: solid aquamarine; - background-color: aquamarine; - margin-inline: auto; - margin-bottom: 160px; - transition: all 0.5s ease; -} - -#get-started-button:hover { - transform: scale(1.2); - background-color: #1a1a2e; - color: aquamarine; -} - - - -#get-started-button a{ - color: #1a1a2e; - background-color: aquamarine; - text-decoration: none; - font-family: "Sofia-Pro-Medium"; - font-size: 22px; - padding: 20px; - display: block; - text-align: center; - transition: all 0.5s ease; -} - -#get-started-button a:hover { - background-color: #1a1a2e; - color: aquamarine; -} footer { -font-family: 'Sofia-Pro-Light'; -display: flex; -width: 80%; -font-size: 13px; -color:#a3a3a3a5; -margin: 0px 10%; + font-family: "Sofia-Pro-Light"; + display: flex; + width: 80%; + font-size: 13px; + color: #a3a3a3a5; + margin: 0px 10%; } footer hr { width: 80% !important; - } +} footer a { - color:#a3a3a3a5; + color: #a3a3a3a5; text-decoration: none; transition: all 0.3s ease; } footer a:hover { - color:#cfe8f6; + color: #cfe8f6; } #devs { max-width: 700px; @@ -592,7 +495,7 @@ footer a:hover { } .footer-icons { display: flex; - width: 150px; + width: 116px; height: 60px; margin-left: auto; margin-top: 30px; @@ -610,8 +513,13 @@ footer a:hover { .footer-icons a svg:active path, .footer-icons a svg:focus path, .footer-icons a svg:hover path { - color: aquamarine; + color: #cfe8f6; } +#licence { + margin-top: 20px; + margin-bottom: 10px; +} + @media only screen and (max-width: 1100px) { .nav__links, @@ -623,11 +531,11 @@ footer a:hover { } .mob-menu { display: flex; + margin-bottom: 8px; } - + .top { display: inline; - } .text { text-align: center; @@ -635,19 +543,19 @@ footer a:hover { padding-left: 0px; margin-right: 0px; width: 100%; - padding-bottom: 100px; + padding-bottom: 150px; max-width: 100%; } .text h2 { font-size: 46px; text-align: center; - width: 100% + width: 100%; } .text p { font-size: 18px; text-align: center; padding: 0px 10%; - padding-top: 30px; + padding-top: 15px; } #install-hypr div { margin-left: auto; @@ -660,7 +568,6 @@ footer a:hover { border: none; margin-left: 10%; margin-right: 10%; - } #slide-content { width: auto; @@ -673,9 +580,9 @@ footer a:hover { .features { margin: 0px; width: 100%; - padding-top: 300px; + padding-top: 200px; text-align: center; - + padding-bottom: 100px; } #features-text { padding-bottom: 100px; @@ -687,14 +594,14 @@ footer a:hover { margin-left: 0px; } #ani-text h1 { - padding-top: 80px; - font-size: 42px; + padding-top: 80px; + font-size: 42px; } #ani-text p { margin: 0px 10%; } .tiling { - margin-top: 500px; + margin-top: 395px; display: flex; flex-direction: column-reverse; } @@ -703,12 +610,14 @@ footer a:hover { } #til-text h1 { padding-top: 80px; - font-size: 42px; + font-size: 42px; } #til-text p { margin: 0px 10%; } - #til-text{margin-right: 0px;} + #til-text { + margin-right: 0px; + } .configure { display: inline; } @@ -719,8 +628,8 @@ footer a:hover { margin-left: 0px; } #con-text h1 { - padding-top: 80px; - font-size: 42px; + padding-top: 80px; + font-size: 42px; } #con-text p { margin: 0px 10%; @@ -731,30 +640,11 @@ footer a:hover { #con-text { margin-right: 0px; } - .and-more { - padding-top: 80px; - } - .get-started { - margin-top: 200px; - } - .get-started a div { - margin-left: 20%; - } - .footer-text { - max-width: 250px; - } - #get-started-button { - margin-left: auto; - margin-right: auto; - margin-bottom: 80px; - - } - .get-started { - margin-top: 80px; - + footer { + /* display: block; */ } - } +} @media only screen and (max-width: 648px) { header { @@ -765,11 +655,21 @@ footer a:hover { height: auto; } - .swiper-slide img { width: 384px; height: auto; } + #install-hypr div { + width: 220px; + height: 40px; +} +#install-hypr div p { + font-size: 20px; +} +.text { + padding-top: 20%; + padding-bottom: 25%; +} #slide { width: 384px; height: auto; @@ -777,7 +677,6 @@ footer a:hover { border: none; margin-left: 0px; margin-right: 0px; - } .swiper { width: 384px; @@ -801,8 +700,7 @@ footer a:hover { width: 384px; height: auto; } - - + .overlay a { font-size: 20px; } @@ -810,10 +708,11 @@ footer a:hover { font-size: 40px; top: 15px; right: 35px; - } .mob-menu { display: flex; + margin-bottom: 12px; + } .get-started a div { margin-left: 0px; @@ -829,8 +728,39 @@ footer a:hover { .footer-icons { margin-left: 20%; } - +#home { + border-bottom: #cee7f5 solid 3px; +} +#close-id { + margin-right: 7px; +} +footer { + display: block; +} +.footer-text { + max-width: none; +} +.footer-icons { + display: flex; + width: fit-content; + height: 60px; + margin-left: auto; + margin-top: 30px; + margin-right: auto; +} +.bi.bi-github { + margin-right: 30px; +} +.footer-icons a svg { + width: 30px; + height: 30px; + margin-right: 0; +} +#licence { + margin-top: 15px; + margin-bottom: 10px; + line-height: 1.5; + font-size: 14px; +} } - - diff --git a/public/css/rices.css b/public/css/rices.css index d9292ac..a4ddf6c 100644 --- a/public/css/rices.css +++ b/public/css/rices.css @@ -12,9 +12,11 @@ } .wofdiv > p { - margin-bottom: 60px; + font-size: 20px; font-family: "Sofia-Pro-Medium"; + margin: 0 10%; + margin-bottom: 60px; } .bigtext { diff --git a/public/ico/favicon-16x16.png b/public/ico/favicon-16x16.png new file mode 100644 index 0000000..edfa6d9 Binary files /dev/null and b/public/ico/favicon-16x16.png differ diff --git a/public/ico/favicon-32x32.png b/public/ico/favicon-32x32.png new file mode 100644 index 0000000..1781c71 Binary files /dev/null and b/public/ico/favicon-32x32.png differ diff --git a/public/ico/favicon.ico b/public/ico/favicon.ico index 5fd2a00..682344d 100644 Binary files a/public/ico/favicon.ico and b/public/ico/favicon.ico differ diff --git a/public/imgs/default.png b/public/imgs/default.png deleted file mode 100644 index 74cd93c..0000000 Binary files a/public/imgs/default.png and /dev/null differ diff --git a/public/imgs/img1.png b/public/imgs/img1.png index 7a0a6cb..300ee54 100644 Binary files a/public/imgs/img1.png and b/public/imgs/img1.png differ diff --git a/public/imgs/img2.png b/public/imgs/img2.png index f92a7fc..9aafdc1 100644 Binary files a/public/imgs/img2.png and b/public/imgs/img2.png differ diff --git a/public/imgs/img3.png b/public/imgs/img3.png index 18c1d90..eb820ef 100644 Binary files a/public/imgs/img3.png and b/public/imgs/img3.png differ diff --git a/public/imgs/img4.png b/public/imgs/img4.png index 402336e..c935c8c 100644 Binary files a/public/imgs/img4.png and b/public/imgs/img4.png differ diff --git a/public/imgs/img5.png b/public/imgs/img5.png index 07437be..9eba0d8 100644 Binary files a/public/imgs/img5.png and b/public/imgs/img5.png differ diff --git a/public/imgs/img6.png b/public/imgs/img6.png index 0c5d127..6a7c142 100644 Binary files a/public/imgs/img6.png and b/public/imgs/img6.png differ diff --git a/public/imgs/what-is-hyprland.png b/public/imgs/what-is-hyprland.png new file mode 100644 index 0000000..6e57f2b Binary files /dev/null and b/public/imgs/what-is-hyprland.png differ diff --git a/public/imgs/what-is-hyprland2.png b/public/imgs/what-is-hyprland2.png new file mode 100644 index 0000000..0b089b7 Binary files /dev/null and b/public/imgs/what-is-hyprland2.png differ diff --git a/public/imgs/what-is-wayland.png b/public/imgs/what-is-wayland.png new file mode 100644 index 0000000..2a145ab Binary files /dev/null and b/public/imgs/what-is-wayland.png differ diff --git a/public/js/play-vid-on-focus.js b/public/js/play-vid-on-focus.js new file mode 100644 index 0000000..ad455c4 --- /dev/null +++ b/public/js/play-vid-on-focus.js @@ -0,0 +1,17 @@ +$(document).ready(function () { + $(".animatedVideo").each(function () { + $(this).get(0).pause(); + }); + $(window).on("scroll", function () { + $(".animatedVideo").each(function () { + var scroll = $(window).scrollTop(); + var elementTop = $(this).offset().top; + var elementHeight = $(this).height(); + if (scroll > elementTop - $(window).height() + elementHeight) { + $(this).get(0).play(); + } + + }); + }); +}); + diff --git a/public/js/smooth-view.js b/public/js/smooth-view.js new file mode 100644 index 0000000..433398c --- /dev/null +++ b/public/js/smooth-view.js @@ -0,0 +1,11 @@ +const links = document.querySelectorAll(".like-this"); + + +links.forEach((link) => { + link.addEventListener("click", (event) => { + event.preventDefault(); + const targetId = link.getAttribute("href"); + const target = document.querySelector(targetId); + target.scrollIntoView({ behavior: "smooth" }); + }); +}); \ No newline at end of file diff --git a/public/videos/animation.mp4 b/public/videos/animation.mp4 deleted file mode 100644 index fccfa64..0000000 Binary files a/public/videos/animation.mp4 and /dev/null differ diff --git a/public/videos/configure.mp4 b/public/videos/configure.mp4 index 2028d20..2d15024 100644 Binary files a/public/videos/configure.mp4 and b/public/videos/configure.mp4 differ diff --git a/public/videos/tiling.mp4 b/public/videos/tiling.mp4 index 2ebfb01..94fb65f 100644 Binary files a/public/videos/tiling.mp4 and b/public/videos/tiling.mp4 differ diff --git a/public/videos/windows.mp4 b/public/videos/windows.mp4 new file mode 100644 index 0000000..0a47a06 Binary files /dev/null and b/public/videos/windows.mp4 differ diff --git a/views/404.ejs b/views/404.ejs index d5ac84b..a800bde 100644 --- a/views/404.ejs +++ b/views/404.ejs @@ -15,14 +15,18 @@
- + Github

≡

@@ -34,10 +38,10 @@

Page Not Found!

Look where you land, open seas and empty hands

- + -
+