diff --git a/docs/404.html b/docs/404.html index 3860f66..42de608 100644 --- a/docs/404.html +++ b/docs/404.html @@ -1,7 +1,11 @@ 404 Page not found | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

404

The page you visited was not found.

Return to the home page

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

404

The page you visited was not found.

Return to the home page

\ No newline at end of file diff --git a/docs/blog/index.html b/docs/blog/index.html index c7f4b01..9718de0 100644 --- a/docs/blog/index.html +++ b/docs/blog/index.html @@ -1,8 +1,12 @@ Blogs | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

All Posts | Categories

What is Education?

What is Education? # Education simply means “learning”. It’s a natural process. -Ratio of components in Education: # 50% Knowledge/Understanding, 30% …

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

All Posts | Categories

What is Education?

What is Education? # Education simply means “learning”. It’s a natural process. +Ratio of components in Education: # 50% Knowledge/Understanding, 30% …

\ No newline at end of file diff --git a/docs/blog/what-is-education/index.html b/docs/blog/what-is-education/index.html index eb13a09..63b36d9 100644 --- a/docs/blog/what-is-education/index.html +++ b/docs/blog/what-is-education/index.html @@ -9,9 +9,13 @@ Ratio of components in Education: # 50% Knowledge/Understanding, 30% Skills, 20% Education vs Academics: # Education and Academics are not the same thing. Academics is Education based of a curriculum and an institution. Plato discovered the word while describing his school of philosophy. Academics system has evolved with time and got worst. Let’s see what the system has become nowadays: # Wrong ratio of knowledge, skill, experience (knowledge takes about 90%). Generalised curriculum for all students. Extra bad: # Goals are only bound to exams/grades, degree or certifications (year 1088), then getting jobs. Unhealthy pressure and competition for students. Money game. Politics. Education as a concept/implementation/system is good. Academics is good only as a concept. It’s implementation and system is always the worst and corrupted.">
Freedoms4 logo

Freedoms4

+
-
-Subscribe

What is Education?


What is Education? #

Education simply means “learning”. It’s a natural process.

Ratio of components in Education: #

50% Knowledge/Understanding, 30% Skills, 20% Experience.

Education vs Academics: #

Education and Academics are not the same thing. Academics is Education based of a curriculum and an institution. Plato discovered the word while describing his school of philosophy.

Academics system has evolved with time and got worst. Let’s see what the system has become nowadays: #

Extra bad: #

Education as a concept/implementation/system is good. -Academics is good only as a concept. It’s implementation and system is always the worst and corrupted.

Activities in Education: #

Read vs Study vs Research: #

  1. Read: Reading is about watching or interpreting something/someone to gain knowledge.

  2. Study: Studying is about interpreting a topic, going deeper and gaining some conscious understanding out of it.

  3. Research: Research is about studying a topic and then contributing to it with changes from your end.

Knowledge vs Entertainment: #

Example:

  1. The first book was to provide Knowledge/Understanding, but later books became a source of Entertainment (fiction).
  2. Videos can be used for both Knowledge/Understanding and Entertainment purposes. For example, for Knowledge/Understanding, there are documentaries, tutorial videos etc. For Entertainment, there are movies, funny videos etc.
Tags:
Categories:
\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

What is Education?


What is Education? #

Education simply means “learning”. It’s a natural process.

Ratio of components in Education: #

50% Knowledge/Understanding, 30% Skills, 20% Experience.

Education vs Academics: #

Education and Academics are not the same thing. Academics is Education based of a curriculum and an institution. Plato discovered the word while describing his school of philosophy.

Academics system has evolved with time and got worst. Let’s see what the system has become nowadays: #

Extra bad: #

Education as a concept/implementation/system is good. +Academics is good only as a concept. It’s implementation and system is always the worst and corrupted.

Activities in Education: #

Read vs Study vs Research: #

  1. Read: Reading is about watching or interpreting something/someone to gain knowledge.

  2. Study: Studying is about interpreting a topic, going deeper and gaining some conscious understanding out of it.

  3. Research: Research is about studying a topic and then contributing to it with changes from your end.

Knowledge vs Entertainment: #

Example:

  1. The first book was to provide Knowledge/Understanding, but later books became a source of Entertainment (fiction).
  2. Videos can be used for both Knowledge/Understanding and Entertainment purposes. For example, for Knowledge/Understanding, there are documentaries, tutorial videos etc. For Entertainment, there are movies, funny videos etc.
Tags:
Categories:
\ No newline at end of file diff --git a/docs/categories/index.html b/docs/categories/index.html index ad666da..035b865 100644 --- a/docs/categories/index.html +++ b/docs/categories/index.html @@ -1,7 +1,11 @@ Categories | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

All Posts | Categories

Philosophy (1)

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

All Posts | Categories

Philosophy (1)

\ No newline at end of file diff --git a/docs/categories/philosophy/index.html b/docs/categories/philosophy/index.html index a004bb4..1a83202 100644 --- a/docs/categories/philosophy/index.html +++ b/docs/categories/philosophy/index.html @@ -1,7 +1,11 @@ Philosophy | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

All Posts | Categories

Philosophy

What is Education?

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

All Posts | Categories

Philosophy

What is Education?

\ No newline at end of file diff --git a/docs/coming-soon/index.html b/docs/coming-soon/index.html index ca5fe07..b27bc1c 100644 --- a/docs/coming-soon/index.html +++ b/docs/coming-soon/index.html @@ -1,7 +1,11 @@ Coming Soon | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

Coming Soon

This feature is not yet available. Check back later!

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

Coming Soon

This feature is not yet available. Check back later!

\ No newline at end of file diff --git a/docs/contact/index.html b/docs/contact/index.html index f53eda8..a824766 100644 --- a/docs/contact/index.html +++ b/docs/contact/index.html @@ -12,8 +12,12 @@ IRC/Liberachat: hyzen, #freedoms4 Follow on # Mastodon: hyzen@mastodon.social Lemmy: hyzen@lemmy.today">
Freedoms4 logo

Freedoms4

+
-
-Subscribe

Admin: hyzen

Contacts #

Email and XMPP: hyzen@freedoms4.org

IRC/Liberachat: hyzen, #freedoms4

Follow on #

Mastodon: hyzen@mastodon.social

Lemmy: hyzen@lemmy.today

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

Admin: hyzen

Contacts #

Email and XMPP: hyzen@freedoms4.org

IRC/Liberachat: hyzen, #freedoms4

Follow on #

Mastodon: hyzen@mastodon.social

Lemmy: hyzen@lemmy.today

\ No newline at end of file diff --git a/docs/css/custom.css b/docs/css/custom.css index 35659c2..efe67b8 100644 --- a/docs/css/custom.css +++ b/docs/css/custom.css @@ -192,29 +192,11 @@ .brand__actions { gap: 0.16rem; } - .rss-subscribe__link { - background-color: transparent !important; - color: var(--foreground-color) !important; - border-color: currentColor; - width: 1.6rem; - height: 1.6rem; - box-sizing: border-box; - padding: 0; - justify-content: center; - } - .rss-subscribe__link:hover { - background-color: var(--foreground-color) !important; - color: var(--background-color) !important; - } - - .rss-subscribe__link span { - display: none; - } - - .rss-subscribe__link svg { - width: 14px; - height: 14px; + /* Hide desktop-only elements on mobile */ + .brand__auth--desktop, + .rss-subscribe__link--desktop { + display: none !important; } .brand__auth-text { @@ -228,6 +210,119 @@ } } +/* Hide mobile menu on desktop, show on mobile */ +.brand__mobile-menu { + display: none; + position: relative; +} + +@media (max-width: 600px) { + .brand__mobile-menu { + display: block; + } +} + +/* Mobile menu checkbox */ +.brand__mobile-check { + display: none; +} + +/* Mobile toggle button — same color scheme as account button */ +.brand__mobile-toggle { + display: inline-flex; + align-items: center; + justify-content: center; + width: 1.75rem; + height: 1.75rem; + padding: 0; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #f26522; + background-color: #f26522; + color: #fff; + cursor: pointer; + user-select: none; + transition: + background-color 0.2s ease, + color 0.2s ease; +} + +.brand__mobile-toggle:hover { + background-color: transparent; + color: #f26522; +} + +/* Mobile dropdown panel */ +.brand__mobile-links { + display: none; + position: absolute; + right: 0; + top: calc(100% + 0.3rem); + background-color: var(--background-color); + border: 1px solid var(--foreground-color3); + border-radius: 4px; + min-width: 130px; + z-index: 100; + flex-direction: column; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); +} + +.brand__mobile-check:checked ~ .brand__mobile-links { + display: flex; +} + +.mobile-link { + display: flex; + align-items: center; + gap: 0.4rem; + padding: 0.5rem 0.75rem; + color: var(--foreground-color); + text-decoration: none; + font-size: 0.8rem; + white-space: nowrap; + transition: background-color 0.15s ease; +} + +.mobile-link:hover { + background-color: var(--background-color1); +} + +.mobile-link:not(:last-child) { + border-bottom: 1px solid var(--foreground-color3); +} + +/* Mobile toggle dark mode colors */ +@media (prefers-color-scheme: dark) { + .brand__mobile-toggle { + background-color: transparent; + border-color: currentColor; + color: var(--foreground-color); + } + .brand__mobile-toggle:hover { + background-color: var(--foreground-color); + color: var(--background-color); + } +} + +[data-theme='light'] .brand__mobile-toggle { + background-color: #f26522; + border-color: #f26522; + color: #fff; +} +[data-theme='light'] .brand__mobile-toggle:hover { + background-color: transparent; + color: #f26522; +} +[data-theme='dark'] .brand__mobile-toggle { + background-color: transparent; + border-color: currentColor; + color: var(--foreground-color); +} +[data-theme='dark'] .brand__mobile-toggle:hover { + background-color: var(--foreground-color); + color: var(--background-color); +} + /* ── Mobile auth toggle colors ── */ /* Default (system light): orange filled */ @@ -262,26 +357,26 @@ /* Manual light override */ @media (max-width: 600px) { - [data-theme="light"] .brand__auth-toggle { + [data-theme='light'] .brand__auth-toggle { background-color: #f26522 !important; border-color: #f26522 !important; color: #fff !important; } - [data-theme="light"] .brand__auth:focus-within .brand__auth-toggle { + [data-theme='light'] .brand__auth:focus-within .brand__auth-toggle { background-color: transparent !important; border-color: #f26522 !important; color: #f26522 !important; } /* Manual dark override */ - [data-theme="dark"] .brand__auth-toggle { + [data-theme='dark'] .brand__auth-toggle { background-color: transparent !important; border-color: currentColor !important; color: var(--foreground-color) !important; } - [data-theme="dark"] .brand__auth:focus-within .brand__auth-toggle { + [data-theme='dark'] .brand__auth:focus-within .brand__auth-toggle { background-color: var(--foreground-color) !important; border-color: var(--foreground-color) !important; color: var(--background-color) !important; @@ -291,7 +386,7 @@ /* ── Theme switcher ── */ /* Force light theme */ -[data-theme="light"] { +[data-theme='light'] { --background-color: #fbf1c7; --background-color1: #ebdbb2; --foreground-color: #3c3836; @@ -300,7 +395,7 @@ } /* Force dark theme */ -[data-theme="dark"] { +[data-theme='dark'] { --background-color: #171414; --background-color1: #fff; --foreground-color: #e3e1db; @@ -331,36 +426,68 @@ } /* Default (system light): moon icon + "Dark" label */ -.theme-toggle__sun { display: none; } -.theme-toggle__moon { display: block; } +.theme-toggle__sun { + display: none; +} +.theme-toggle__moon { + display: block; +} /* Desktop icon size */ .theme-toggle svg { width: 16.5px; height: 16.5px; } -.theme-toggle__text--light { display: none; } -.theme-toggle__text--dark { display: inline; } +.theme-toggle__text--light { + display: none; +} +.theme-toggle__text--dark { + display: inline; +} /* System dark (no data-theme): sun icon + "Light" label */ @media (prefers-color-scheme: dark) { - .theme-toggle__sun { display: block; } - .theme-toggle__moon { display: none; } - .theme-toggle__text--light { display: inline; } - .theme-toggle__text--dark { display: none; } + .theme-toggle__sun { + display: block; + } + .theme-toggle__moon { + display: none; + } + .theme-toggle__text--light { + display: inline; + } + .theme-toggle__text--dark { + display: none; + } } /* Manual dark: sun icon + "Light" label */ -[data-theme="dark"] .theme-toggle__sun { display: block; } -[data-theme="dark"] .theme-toggle__moon { display: none; } -[data-theme="dark"] .theme-toggle__text--light { display: inline; } -[data-theme="dark"] .theme-toggle__text--dark { display: none; } +[data-theme='dark'] .theme-toggle__sun { + display: block; +} +[data-theme='dark'] .theme-toggle__moon { + display: none; +} +[data-theme='dark'] .theme-toggle__text--light { + display: inline; +} +[data-theme='dark'] .theme-toggle__text--dark { + display: none; +} /* Manual light: moon icon + "Dark" label */ -[data-theme="light"] .theme-toggle__sun { display: none; } -[data-theme="light"] .theme-toggle__moon { display: block; } -[data-theme="light"] .theme-toggle__text--light { display: none; } -[data-theme="light"] .theme-toggle__text--dark { display: inline; } +[data-theme='light'] .theme-toggle__sun { + display: none; +} +[data-theme='light'] .theme-toggle__moon { + display: block; +} +[data-theme='light'] .theme-toggle__text--light { + display: none; +} +[data-theme='light'] .theme-toggle__text--dark { + display: inline; +} /* Match size to other buttons on mobile */ @media (max-width: 600px) { diff --git a/docs/index.html b/docs/index.html index 0768174..e6e1b8d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,7 +1,11 @@ Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

Hello! Welcome 🙏 #

My name is hyzen, I'm the founder of this site. This site is my space to write about my views on various subjects and explore ideas that matter to me. I also provide free services to the public that may matter to them.

On the blog I’m writing about: #

Beyond theoretical discussions, I may also write about my day-to-day experiences, thoughts, and feelings - the personal reflections that shape my worldview and understanding of the world around me.

Motive: #

My goal is for everyone who visits this site to leave with something valuable.

Site’s Code: #

This site is also built with open source tools like Hugo and served freely. If you're interested in the code , you can find it here↗.

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

Hello! Welcome 🙏 #

My name is hyzen, I'm the founder of this site. This site is my space to write about my views on various subjects and explore ideas that matter to me. I also provide free services to the public that may matter to them.

On the blog I’m writing about: #

Beyond theoretical discussions, I may also write about my day-to-day experiences, thoughts, and feelings - the personal reflections that shape my worldview and understanding of the world around me.

Motive: #

My goal is for everyone who visits this site to leave with something valuable.

Site’s Code: #

This site is also built with open source tools like Hugo and served freely. If you're interested in the code , you can find it here↗.

\ No newline at end of file diff --git a/docs/login/index.html b/docs/login/index.html index ff38e28..b404dfc 100644 --- a/docs/login/index.html +++ b/docs/login/index.html @@ -1,7 +1,11 @@ Coming soon! | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

Coming soon!

The feature is not available yet.

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

Coming soon!

The feature is not available yet.

\ No newline at end of file diff --git a/docs/services/file-share/index.html b/docs/services/file-share/index.html index 006476b..fa1765e 100644 --- a/docs/services/file-share/index.html +++ b/docs/services/file-share/index.html @@ -1,8 +1,12 @@ File share | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

Visit share.freedoms4.org↗ -to quickly upload files and get sharable links.

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

Visit share.freedoms4.org↗ +to quickly upload files and get sharable links.

\ No newline at end of file diff --git a/docs/services/index.html b/docs/services/index.html index a9d4f35..c70324e 100644 --- a/docs/services/index.html +++ b/docs/services/index.html @@ -1,7 +1,11 @@ Services | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

Services

1. File share

2. XMPP Account

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

Services

1. File share

2. XMPP Account

\ No newline at end of file diff --git a/docs/services/xmpp-account/index.html b/docs/services/xmpp-account/index.html index fdad933..8461e29 100644 --- a/docs/services/xmpp-account/index.html +++ b/docs/services/xmpp-account/index.html @@ -1,7 +1,11 @@ XMPP Account | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

Send your desired username to hyzen@freedoms4.org via Email (or via XMPP if already have an XMPP account). Account creation can take upto 24 hours.

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

Send your desired username to hyzen@freedoms4.org via Email (or via XMPP if already have an XMPP account). Account creation can take upto 24 hours.

\ No newline at end of file diff --git a/docs/signup/index.html b/docs/signup/index.html index c179f52..fa70576 100644 --- a/docs/signup/index.html +++ b/docs/signup/index.html @@ -1,7 +1,11 @@ Coming soon! | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

Coming soon!

The feature is not available yet.

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

Coming soon!

The feature is not available yet.

\ No newline at end of file diff --git a/docs/tags/academics/index.html b/docs/tags/academics/index.html index b664a44..02daa24 100644 --- a/docs/tags/academics/index.html +++ b/docs/tags/academics/index.html @@ -1,7 +1,11 @@ Academics | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

All Posts | Categories

Academics

What is Education?

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

All Posts | Categories

Academics

What is Education?

\ No newline at end of file diff --git a/docs/tags/education/index.html b/docs/tags/education/index.html index a905a7b..9c7694b 100644 --- a/docs/tags/education/index.html +++ b/docs/tags/education/index.html @@ -1,7 +1,11 @@ Education | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

All Posts | Categories

Education

What is Education?

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

All Posts | Categories

Education

What is Education?

\ No newline at end of file diff --git a/docs/tags/index.html b/docs/tags/index.html index baab526..904b2c7 100644 --- a/docs/tags/index.html +++ b/docs/tags/index.html @@ -1,7 +1,11 @@ Tags | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

All Posts | Categories

Academics (1)

Education (1)

System (1)

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

All Posts | Categories

Academics (1)

Education (1)

System (1)

\ No newline at end of file diff --git a/docs/tags/system/index.html b/docs/tags/system/index.html index b704ea3..5aa535b 100644 --- a/docs/tags/system/index.html +++ b/docs/tags/system/index.html @@ -1,7 +1,11 @@ System | Freedoms4
Freedoms4 logo

Freedoms4

+
-
-Subscribe

All Posts | Categories

System

What is Education?

\ No newline at end of file +Sign Up +Subscribe
+
Login +Sign Up +

All Posts | Categories

System

What is Education?

\ No newline at end of file diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index c4c007d..a9191f5 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -17,7 +17,8 @@ -
+ +
{{ partial "header.html" . }} diff --git a/layouts/_partials/body/body-end.html b/layouts/_partials/body/body-end.html index 6446416..c19bdd7 100644 --- a/layouts/_partials/body/body-end.html +++ b/layouts/_partials/body/body-end.html @@ -22,3 +22,14 @@ }); })(); + diff --git a/layouts/baseof.html b/layouts/baseof.html index c4c007d..d161c82 100644 --- a/layouts/baseof.html +++ b/layouts/baseof.html @@ -13,14 +13,55 @@ Freedoms4 logo

Freedoms4

- -
+ +
-
- {{- $rssURL := "/index.xml" -}} - {{- with .OutputFormats.Get "rss" -}} - {{- $rssURL = .RelPermalink -}} - {{- end -}} - - Subscribe + +
+ + +
+ Login + Sign Up + +
+
{{ partial "header.html" . }} diff --git a/layouts/coming-soon/baseof.html b/layouts/coming-soon/baseof.html index c4c007d..a9191f5 100644 --- a/layouts/coming-soon/baseof.html +++ b/layouts/coming-soon/baseof.html @@ -17,7 +17,8 @@ -
+ +
{{ partial "header.html" . }} diff --git a/layouts/login/baseof.html b/layouts/login/baseof.html index c4c007d..a9191f5 100644 --- a/layouts/login/baseof.html +++ b/layouts/login/baseof.html @@ -17,7 +17,8 @@ -
+ +
{{ partial "header.html" . }} diff --git a/layouts/services/baseof.html b/layouts/services/baseof.html index c4c007d..a9191f5 100644 --- a/layouts/services/baseof.html +++ b/layouts/services/baseof.html @@ -17,7 +17,8 @@ -
+ +
{{ partial "header.html" . }} diff --git a/layouts/signup/baseof.html b/layouts/signup/baseof.html index c4c007d..a9191f5 100644 --- a/layouts/signup/baseof.html +++ b/layouts/signup/baseof.html @@ -17,7 +17,8 @@ -
+ +
{{ partial "header.html" . }} diff --git a/static/css/custom.css b/static/css/custom.css index 35659c2..efe67b8 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -192,29 +192,11 @@ .brand__actions { gap: 0.16rem; } - .rss-subscribe__link { - background-color: transparent !important; - color: var(--foreground-color) !important; - border-color: currentColor; - width: 1.6rem; - height: 1.6rem; - box-sizing: border-box; - padding: 0; - justify-content: center; - } - .rss-subscribe__link:hover { - background-color: var(--foreground-color) !important; - color: var(--background-color) !important; - } - - .rss-subscribe__link span { - display: none; - } - - .rss-subscribe__link svg { - width: 14px; - height: 14px; + /* Hide desktop-only elements on mobile */ + .brand__auth--desktop, + .rss-subscribe__link--desktop { + display: none !important; } .brand__auth-text { @@ -228,6 +210,119 @@ } } +/* Hide mobile menu on desktop, show on mobile */ +.brand__mobile-menu { + display: none; + position: relative; +} + +@media (max-width: 600px) { + .brand__mobile-menu { + display: block; + } +} + +/* Mobile menu checkbox */ +.brand__mobile-check { + display: none; +} + +/* Mobile toggle button — same color scheme as account button */ +.brand__mobile-toggle { + display: inline-flex; + align-items: center; + justify-content: center; + width: 1.75rem; + height: 1.75rem; + padding: 0; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #f26522; + background-color: #f26522; + color: #fff; + cursor: pointer; + user-select: none; + transition: + background-color 0.2s ease, + color 0.2s ease; +} + +.brand__mobile-toggle:hover { + background-color: transparent; + color: #f26522; +} + +/* Mobile dropdown panel */ +.brand__mobile-links { + display: none; + position: absolute; + right: 0; + top: calc(100% + 0.3rem); + background-color: var(--background-color); + border: 1px solid var(--foreground-color3); + border-radius: 4px; + min-width: 130px; + z-index: 100; + flex-direction: column; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); +} + +.brand__mobile-check:checked ~ .brand__mobile-links { + display: flex; +} + +.mobile-link { + display: flex; + align-items: center; + gap: 0.4rem; + padding: 0.5rem 0.75rem; + color: var(--foreground-color); + text-decoration: none; + font-size: 0.8rem; + white-space: nowrap; + transition: background-color 0.15s ease; +} + +.mobile-link:hover { + background-color: var(--background-color1); +} + +.mobile-link:not(:last-child) { + border-bottom: 1px solid var(--foreground-color3); +} + +/* Mobile toggle dark mode colors */ +@media (prefers-color-scheme: dark) { + .brand__mobile-toggle { + background-color: transparent; + border-color: currentColor; + color: var(--foreground-color); + } + .brand__mobile-toggle:hover { + background-color: var(--foreground-color); + color: var(--background-color); + } +} + +[data-theme='light'] .brand__mobile-toggle { + background-color: #f26522; + border-color: #f26522; + color: #fff; +} +[data-theme='light'] .brand__mobile-toggle:hover { + background-color: transparent; + color: #f26522; +} +[data-theme='dark'] .brand__mobile-toggle { + background-color: transparent; + border-color: currentColor; + color: var(--foreground-color); +} +[data-theme='dark'] .brand__mobile-toggle:hover { + background-color: var(--foreground-color); + color: var(--background-color); +} + /* ── Mobile auth toggle colors ── */ /* Default (system light): orange filled */ @@ -262,26 +357,26 @@ /* Manual light override */ @media (max-width: 600px) { - [data-theme="light"] .brand__auth-toggle { + [data-theme='light'] .brand__auth-toggle { background-color: #f26522 !important; border-color: #f26522 !important; color: #fff !important; } - [data-theme="light"] .brand__auth:focus-within .brand__auth-toggle { + [data-theme='light'] .brand__auth:focus-within .brand__auth-toggle { background-color: transparent !important; border-color: #f26522 !important; color: #f26522 !important; } /* Manual dark override */ - [data-theme="dark"] .brand__auth-toggle { + [data-theme='dark'] .brand__auth-toggle { background-color: transparent !important; border-color: currentColor !important; color: var(--foreground-color) !important; } - [data-theme="dark"] .brand__auth:focus-within .brand__auth-toggle { + [data-theme='dark'] .brand__auth:focus-within .brand__auth-toggle { background-color: var(--foreground-color) !important; border-color: var(--foreground-color) !important; color: var(--background-color) !important; @@ -291,7 +386,7 @@ /* ── Theme switcher ── */ /* Force light theme */ -[data-theme="light"] { +[data-theme='light'] { --background-color: #fbf1c7; --background-color1: #ebdbb2; --foreground-color: #3c3836; @@ -300,7 +395,7 @@ } /* Force dark theme */ -[data-theme="dark"] { +[data-theme='dark'] { --background-color: #171414; --background-color1: #fff; --foreground-color: #e3e1db; @@ -331,36 +426,68 @@ } /* Default (system light): moon icon + "Dark" label */ -.theme-toggle__sun { display: none; } -.theme-toggle__moon { display: block; } +.theme-toggle__sun { + display: none; +} +.theme-toggle__moon { + display: block; +} /* Desktop icon size */ .theme-toggle svg { width: 16.5px; height: 16.5px; } -.theme-toggle__text--light { display: none; } -.theme-toggle__text--dark { display: inline; } +.theme-toggle__text--light { + display: none; +} +.theme-toggle__text--dark { + display: inline; +} /* System dark (no data-theme): sun icon + "Light" label */ @media (prefers-color-scheme: dark) { - .theme-toggle__sun { display: block; } - .theme-toggle__moon { display: none; } - .theme-toggle__text--light { display: inline; } - .theme-toggle__text--dark { display: none; } + .theme-toggle__sun { + display: block; + } + .theme-toggle__moon { + display: none; + } + .theme-toggle__text--light { + display: inline; + } + .theme-toggle__text--dark { + display: none; + } } /* Manual dark: sun icon + "Light" label */ -[data-theme="dark"] .theme-toggle__sun { display: block; } -[data-theme="dark"] .theme-toggle__moon { display: none; } -[data-theme="dark"] .theme-toggle__text--light { display: inline; } -[data-theme="dark"] .theme-toggle__text--dark { display: none; } +[data-theme='dark'] .theme-toggle__sun { + display: block; +} +[data-theme='dark'] .theme-toggle__moon { + display: none; +} +[data-theme='dark'] .theme-toggle__text--light { + display: inline; +} +[data-theme='dark'] .theme-toggle__text--dark { + display: none; +} /* Manual light: moon icon + "Dark" label */ -[data-theme="light"] .theme-toggle__sun { display: none; } -[data-theme="light"] .theme-toggle__moon { display: block; } -[data-theme="light"] .theme-toggle__text--light { display: none; } -[data-theme="light"] .theme-toggle__text--dark { display: inline; } +[data-theme='light'] .theme-toggle__sun { + display: none; +} +[data-theme='light'] .theme-toggle__moon { + display: block; +} +[data-theme='light'] .theme-toggle__text--light { + display: none; +} +[data-theme='light'] .theme-toggle__text--dark { + display: inline; +} /* Match size to other buttons on mobile */ @media (max-width: 600px) {