From 811ee6957312679af4400756fae198cbd9b4970b Mon Sep 17 00:00:00 2001 From: candifloss Date: Wed, 11 Dec 2024 03:33:11 +0530 Subject: [PATCH] initial design --- .gitignore | 2 ++ README.md | 2 +- css/index.css | 36 ++++++++++++++++++++++++++++++++++++ html/index.html | 22 ++++++++++++++++++++++ scss/index.scss | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 109 insertions(+), 1 deletion(-) create mode 100644 .gitignore create mode 100644 css/index.css create mode 100644 html/index.html create mode 100644 scss/index.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8abecc1 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +sh/ +sh/csswatch.sh diff --git a/README.md b/README.md index f3ccdb5..7bc2ad5 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,3 @@ # candifloss_site -Candifloss.cc site \ No newline at end of file +Candifloss.cc Website \ No newline at end of file diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..f4c281d --- /dev/null +++ b/css/index.css @@ -0,0 +1,36 @@ +body { + margin: 0; + padding: 0; + font-family: Arial, sans-serif; + background: linear-gradient(135deg, #2c2c54, #40407a); + color: #ffffff; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + text-align: center; +} +.container h1 { + font-size: 4rem; + margin: 0; + padding: 0.5em; +} +.container nav ul { + list-style: none; + padding: 0; + display: flex; + justify-content: center; + gap: 1.5rem; +} +.container nav ul li a { + text-decoration: none; + color: #ffffff; + font-size: 1.2rem; + transition: color 0.3s; +} +.container nav ul li a:hover { + color: #a29bfe; +} diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..6e6c099 --- /dev/null +++ b/html/index.html @@ -0,0 +1,22 @@ + + + + + + candifloss.cc + + + +
+

candifloss.cc

+ +
+ + diff --git a/scss/index.scss b/scss/index.scss new file mode 100644 index 0000000..c779291 --- /dev/null +++ b/scss/index.scss @@ -0,0 +1,48 @@ +$bg-color: linear-gradient(135deg, #2c2c54, #40407a); +$text-color: #ffffff; +$link-hover-color: #a29bfe; + +body { + margin: 0; + padding: 0; + font-family: Arial, sans-serif; + background: $bg-color; + color: $text-color; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + text-align: center; + + h1 { + font-size: 4rem; + margin: 0; + padding: 0.5em; + } + + nav { + ul { + list-style: none; + padding: 0; + display: flex; + justify-content: center; + gap: 1.5rem; + + li { + a { + text-decoration: none; + color: $text-color; + font-size: 1.2rem; + transition: color 0.3s; + + &:hover { + color: $link-hover-color; + } + } + } + } + } +}