From 28e0d867fc5b7331e932719c75a41642d547f041 Mon Sep 17 00:00:00 2001 From: McAlec Date: Sun, 17 Nov 2024 22:39:04 -0500 Subject: [PATCH] update from cdn.mcalec.dev --- _headers | 2 + css/navbar.css | 86 ---------------------- css/style.css | 188 ++++++++++++++++++++++--------------------------- index.html | 69 ++++++++++-------- 4 files changed, 125 insertions(+), 220 deletions(-) create mode 100644 _headers delete mode 100644 css/navbar.css diff --git a/_headers b/_headers new file mode 100644 index 0000000..c269214 --- /dev/null +++ b/_headers @@ -0,0 +1,2 @@ +/* + Access-Control-Allow-Origin: * \ No newline at end of file diff --git a/css/navbar.css b/css/navbar.css deleted file mode 100644 index fd0bd8d..0000000 --- a/css/navbar.css +++ /dev/null @@ -1,86 +0,0 @@ -@import url("https://cdn.mcalec.dev/font/lato.min.css"); -@import url("https://cdn.mcalec.dev/font/poppins.min.css"); -@import url("https://cdn.mcalec.dev/font/roboto.min.css"); - -.navbar { - position: sticky; - top: 0; - text-align: center; - background-image: none; - color: transparent; - font-family: Lato; - margin: auto; - padding: 0; - - ul { - position: static; - list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; - background-color: transparent; - position: fixed; - top: 0; - width: 100%; - } - - li { - display: inline; - float: right; - } - - li a { - display: block; - color: white; - padding: 14px 16px; - text-decoration: none; - } - - li a:hover:not(.active) { - color: white; - font-family: LatoBold; - } - - li a:active { - background-color: black; - color: black; - } - - .active { - color: black; - } - -} - -.navbar-left { - text-align: center; - background-image: none; - color: transparent; - font-family: Lato; - margin: auto; - padding: 0px 0px 0px 0px; - - ul { - list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; - background-color: transparent; - position: fixed; - top: 0; - width: 100%; - } - - li { - display: inline; - float: left; - } - - li a { - display: block; - color: white; - padding: 14px 16px; - text-decoration: none; - } - -} diff --git a/css/style.css b/css/style.css index 315874b..5550b3d 100644 --- a/css/style.css +++ b/css/style.css @@ -1,120 +1,98 @@ -@import url("https://cdn.mcalec.dev/font/lato.min.css"); -@import url("https://cdn.mcalec.dev/font/poppins.min.css"); -@import url("https://cdn.mcalec.dev/font/roboto.min.css"); +@import url(/web/css/font/lato.min.css); +@import url(/web/css/font/poppins.min.css); +@import url(/web/css/font/roboto.min.css); -*{ - box-sizing: border-box; -} - -body { - min-height: 100vh; - margin: 0; - position: relative; - background-image: url("https://cdn.mcalec.dev/image/jpeg/trees.jpeg"); - background-repeat: repeat; - background-attachment: scroll; - background-position: center; -} - -h1 { - position: static; - color: white; - text-align: center; - font-family: LatoBold; - font-size: 3em; -} - -.main { - background-color: #000; - position: relative; - font-family: Lato; - padding-top: 45vh; - padding-bottom: 45vh; - text-align: center; - color: black; -} - -body { - position: relative; - background-color: #000; -} +* {margin: 0;padding: 0;box-sizing: border-box;} +::selection {color: #000; background-color: #fff;} -body::after { - content: ''; - display: block; -} +h1 {font-family: LatoBold;} +h1 b {font-family: LatoBold;} +h1 i {font-family: LatoBoldItalic;} +h2 {font-family: LatoRegular;} +h2 b {font-family: LatoBold;} +h2 i {font-family: LatoRegularItalic;} +h3 {font-family: LatoLight;} +h3 b {font-family: LatoRegular;} +h3 i {font-family: LatoLightItalic;} +p {font-family: LatoRegular;} +b {font-family: LatoBold;} +i {font-family: LatoRegularItalic;} -.footer { - background-color: #000; - position: relative; - text-align: center; - font-family: Lato; - display: block; - margin-bottom: 13px; - text-decoration: none; - font-size: medium; - color: #fff; - +.navbar { + position: fixed; + top: 0; + width: 100%; + height: 60px; + display: flex; + justify-content: space-between; + align-items: center; + font-family: LatoRegular; + padding-top: 0; + margin-top: 0; + transition: background-color 0.4s ease-in-out; + z-index: 1000; + .site-name { + color: #ddd; + font-size: 1.5rem; + margin-left: 1.5rem; + } + .active { + font-family: LatoBold; + } ul { - text-align: center; list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; - background-color: transparent; + display: flex; + gap: 1.5rem; + margin-right: 2rem; } - - li a { - color: white; - text-align: center; + ul li a { + color: #ddd; text-decoration: none; + font-size: 1.25rem; + transition: color 0.3s ease; } - - li { - display: inline; + ul li a:hover { + color: #999; } - } +.transparent {background-color: rgba(0, 0, 0, 0);} +.scrolled {background-color: rgba(0, 0, 0, 1);} -button { - font-family: LatoBold; - text-align: center; - height: 50px; - width: 200px; - background-color: White; - border-radius: 150px; - border: 4px solid Black; -} - -html, body { - margin: 0px; - margin-top: 0px; - padding-top: 0px; -} - -button:hover { - font-family: LatoBold; - color: White; - background-color: Black; - cursor: pointer; - border-radius: 150px; - border: 4px solid White; -} - -b { - font-family: LatoBold; -} - -i { - font-family: LatoItalic; +.hero { + position: relative; + width: 100%; + height: 100vh; + overflow: hidden; + .bgimage { + height: 100%; + background-image: url('/image/jpeg/trees.jpeg'); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + filter: blur(8px); + -webkit-filter: blur(8px); + transform: scale(1.1); + right: 0; + left: 0; + z-index: 1; + } + .bgtext { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: #ddd; + font-size: 1.75rem; + font-weight: bold; + text-align: center; + z-index: 2; + } } -.center { - display: flex; +.content { + padding: 1.5rem; + background-color: #000; + color: #ddd; text-align: center; - justify-content: center; - align-items: center; - justify-content: center; - place-items: center; -} +} \ No newline at end of file diff --git a/index.html b/index.html index b74df92..1bff103 100644 --- a/index.html +++ b/index.html @@ -1,39 +1,50 @@ - + - + + + + + + + + web.mcalec.dev - - - - + -
-
- - -
-
-
-

mcalec

 - - -
- -
-

web.mcalec.dev © 2024 McAlec

+ + +
+
+

mcalec

+
+ +
+

Main Content Section

+

This is the main content of the page.

+ + \ No newline at end of file