From 79941d0b59a294b9493209d02be91a5eab09b8d7 Mon Sep 17 00:00:00 2001 From: candifloss Date: Wed, 11 Dec 2024 18:53:50 +0530 Subject: [PATCH] Links --- css/index.css | 2 +- css/not_ready.css | 51 +++++++++++++++++++++++++++++++++++++ html/about.html | 18 +++++++++++++ html/articles.html | 18 +++++++++++++ html/index.html | 6 ++--- scss/index.scss | 2 +- scss/not_ready.scss | 62 +++++++++++++++++++++++++++++++++++++++++++++ 7 files changed, 154 insertions(+), 5 deletions(-) create mode 100644 css/not_ready.css create mode 100644 html/about.html create mode 100644 html/articles.html create mode 100644 scss/not_ready.scss diff --git a/css/index.css b/css/index.css index cd4b66b..06df1c7 100644 --- a/css/index.css +++ b/css/index.css @@ -19,7 +19,7 @@ body { align-items: center; height: 100vh; margin: 0; - font-family: "IosevkaTermSlab NerdFont Mono"; + font-family: "IosevkaTermSlab Nerd Font Mono"; } body .container { text-align: center; diff --git a/css/not_ready.css b/css/not_ready.css new file mode 100644 index 0000000..661d165 --- /dev/null +++ b/css/not_ready.css @@ -0,0 +1,51 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: "Helvetica Neue", Arial, sans-serif; + background-color: #f4f4f4; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + color: #333; +} +body .container { + text-align: center; + padding: 40px; + background-color: #fff; + border-radius: 10px; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + max-width: 400px; +} +body .container h1 { + font-size: 3rem; + color: #333; + margin-bottom: 20px; + font-weight: bold; +} +body .container h1:hover { + color: #007BFF; + cursor: pointer; +} +body .container p { + font-size: 1.2rem; + color: #777; + line-height: 1.6; +} +body .container p::first-letter { + font-size: 1.5rem; + font-weight: bold; + color: #333; +} +body .container p::after { + content: "..."; + color: #333; + font-weight: bold; +} +body .container:focus-within { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); +} diff --git a/html/about.html b/html/about.html new file mode 100644 index 0000000..6df49e6 --- /dev/null +++ b/html/about.html @@ -0,0 +1,18 @@ + + + + + + + Coming Soon + + + + +
+

This page is not ready yet!

+

Working hard to bring you something amazing. Stay tuned!

+
+ + + \ No newline at end of file diff --git a/html/articles.html b/html/articles.html new file mode 100644 index 0000000..3f1cd5d --- /dev/null +++ b/html/articles.html @@ -0,0 +1,18 @@ + + + + + + + Coming Soon + + + + +
+

Coming soon!

+

Working hard to bring you something amazing. Stay tuned!

+
+ + + \ No newline at end of file diff --git a/html/index.html b/html/index.html index 94d0c4f..4000b21 100644 --- a/html/index.html +++ b/html/index.html @@ -12,9 +12,9 @@ diff --git a/scss/index.scss b/scss/index.scss index 2ef6416..ff2abce 100644 --- a/scss/index.scss +++ b/scss/index.scss @@ -29,7 +29,7 @@ body { align-items: center; height: 100vh; margin: 0; - font-family: "IosevkaTermSlab NerdFont Mono"; + font-family: "IosevkaTermSlab Nerd Font Mono"; .container { text-align: center; diff --git a/scss/not_ready.scss b/scss/not_ready.scss new file mode 100644 index 0000000..6179c93 --- /dev/null +++ b/scss/not_ready.scss @@ -0,0 +1,62 @@ +// General Reset +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Helvetica Neue', Arial, sans-serif; + background-color: #f4f4f4; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + color: #333; + + .container { + text-align: center; + padding: 40px; + background-color: #fff; + border-radius: 10px; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + max-width: 400px; + + h1 { + font-size: 3rem; + color: #333; + margin-bottom: 20px; + font-weight: bold; + + // Nested styling within h1 + &:hover { + color: #007BFF; + cursor: pointer; + } + } + + p { + font-size: 1.2rem; + color: #777; + line-height: 1.6; + + // Nested styling within p + &::first-letter { + font-size: 1.5rem; + font-weight: bold; + color: #333; + } + + &::after { + content: '...'; + color: #333; + font-weight: bold; + } + } + + // Additional styling for the container when it's in focus (or other possible states) + &:focus-within { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); + } + } +}