From 7d7afcc1e223351d4622a694d0f71363d3e7e950 Mon Sep 17 00:00:00 2001 From: lucielle Date: Wed, 27 May 2026 21:57:57 -0500 Subject: [PATCH] Finish adding Aboutme, projects, and socials pages --- aboutme.html | 31 +++++++++++++++++++++++++++++++ assets/css/global.css | 20 ++++---------------- assets/css/index.css | 25 +++++++++++++++++++++++++ assets/css/links.css | 19 +++++++++++++++++++ assets/css/projects.css | 38 ++++++++++++++++++++++++++++++++++++++ index.html | 6 ++++++ projects.html | 35 +++++++++++++++++++++++++++++++++++ socials.html | 35 +++++++++++++++++++++++++++++++++++ 8 files changed, 193 insertions(+), 16 deletions(-) create mode 100644 aboutme.html create mode 100644 assets/css/links.css create mode 100644 assets/css/projects.css create mode 100644 projects.html create mode 100644 socials.html diff --git a/aboutme.html b/aboutme.html new file mode 100644 index 0000000..50e7952 --- /dev/null +++ b/aboutme.html @@ -0,0 +1,31 @@ + + + + + + About Me - Lucielle's Page + + + + + +
+ Lucielle +

I don't like to sugar coat things so I'm going to give it to you straight

+

+ I'm Lucielle, I enjoy: +

+

+

I work well in groups and I love participating in challenges.

+
+ + + \ No newline at end of file diff --git a/assets/css/global.css b/assets/css/global.css index 2216b9c..c1ac344 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -1,7 +1,9 @@ :root { --bg-color: #302050; - --outline-color: #6040A0; + --bg-highlight-color: #453075; + --outline: 4px #6040A0 solid; --text-color: white; + --font: sans-serif; color: var(--text-color); background-color: var(--bg-color); } @@ -9,25 +11,11 @@ body { margin: 0; padding: 0; - display: flex; + gap: 16px; height: 100dvh; width: 100dvw; align-items: center; justify-content: center; - -} - -main { - display: flex; - padding: 16px; - gap: 8px; - outline: 4px var(--outline-color) solid; flex-direction: column; -} - -main > span { - font-size: 32px; - font-family: sans-serif; - text-align: center; } \ No newline at end of file diff --git a/assets/css/index.css b/assets/css/index.css index e69de29..9913bef 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -0,0 +1,25 @@ +main { + font-family: var(--font); + background: var(--bg-highlight-color); + display: flex; + padding: 16px; + margin-inline: 32px; + gap: 8px; + outline: var(--outline); + flex-direction: column; +} + +main > span { + font-size: 32px; + text-align: center; +} + +main > p { + margin: 0; + margin-top: 8px; + padding: 0; +} + +main > ul { + margin: 0; +} \ No newline at end of file diff --git a/assets/css/links.css b/assets/css/links.css new file mode 100644 index 0000000..8510e7e --- /dev/null +++ b/assets/css/links.css @@ -0,0 +1,19 @@ +#links { + display: flex; + width: 288px; + gap: 16px; +} + +#links > .link { + flex: 1; + font-family: var(--font); + text-decoration: none; + color: var(--text-color); + outline: var(--outline); + padding: 8px; + text-align: center; +} + +#links > .link:hover { + background: var(--bg-highlight-color); +} \ No newline at end of file diff --git a/assets/css/projects.css b/assets/css/projects.css new file mode 100644 index 0000000..265522f --- /dev/null +++ b/assets/css/projects.css @@ -0,0 +1,38 @@ +main { + margin-inline: 32px; + display: flex; + justify-content: space-between; + gap: 32px; + padding: 32px; + outline: var(--outline); + flex-wrap: wrap; + background: var(--bg-highlight-color); +} + +a.container { + background: var(--bg-color); + font-family: var(--font); + flex: 1; + display: flex; + flex-direction: column; + gap: 8px; + padding: 16px; + outline: var(--outline); + + color: var(--text-color); + text-decoration: none; +} + +a.container > .title { + font-size: 28px; + font-weight: 700; +} + +a.container:hover > .title { + text-decoration: underline; +} + +a.container > .description { + font-size: 18px; +} + diff --git a/index.html b/index.html index b0209ac..8e417c4 100644 --- a/index.html +++ b/index.html @@ -6,11 +6,17 @@ Main - Lucielle's Page +
Website Logo Lucielle
+ \ No newline at end of file diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..5644f0d --- /dev/null +++ b/projects.html @@ -0,0 +1,35 @@ + + + + + + + Projects - Lucielle's Page + + + + + + +
+ + Website + This website is open source! + + + LLog + My implementation of logging in C. + + + LSort + My implementation of common sorting algorithms. + +
+ + + + \ No newline at end of file diff --git a/socials.html b/socials.html new file mode 100644 index 0000000..fdcbcb4 --- /dev/null +++ b/socials.html @@ -0,0 +1,35 @@ + + + + + + + Projects - Lucielle's Page + + + + + + +
+ + Discord Server + Community Discord Server + + + Git + Git Repositories Page + + + Email + You can contact me via my email + +
+ + + + \ No newline at end of file