From bbc3f19c83a82a760eb0132e900d4ee3982a7388 Mon Sep 17 00:00:00 2001 From: sashinexists Date: Fri, 6 Dec 2024 16:58:35 +1100 Subject: [PATCH] working on getting ori.md files working --- src/data/pages/about.ori.md | 5 + src/data/pages/now.ori.md | 4 + src/data/pages/subscribe.ori.md | 4 + src/data/pages/support.ori.md | 5 + src/data/views/all-religions-are-wrong.md | 4 +- src/data/views/there-is-no-god.md | 4 +- src/data/views/we-do-not-need-hierarchies.md | 4 +- src/data/views/you-should-be-vegan.md | 4 +- src/site.ori | 2 + src/styles/main.css | 115 +++++++++++++------ src/templates/partials/article.ori.html | 9 ++ src/templates/partials/navigation.ori.html | 2 +- src/views.ori | 2 +- 13 files changed, 121 insertions(+), 43 deletions(-) create mode 100644 src/data/pages/about.ori.md create mode 100644 src/data/pages/now.ori.md create mode 100644 src/data/pages/subscribe.ori.md create mode 100644 src/data/pages/support.ori.md create mode 100644 src/templates/partials/article.ori.html diff --git a/src/data/pages/about.ori.md b/src/data/pages/about.ori.md new file mode 100644 index 0000000..8234f21 --- /dev/null +++ b/src/data/pages/about.ori.md @@ -0,0 +1,5 @@ +--- +title: About +--- +arstarstarstarst +why isn't this working diff --git a/src/data/pages/now.ori.md b/src/data/pages/now.ori.md new file mode 100644 index 0000000..f3cfe2e --- /dev/null +++ b/src/data/pages/now.ori.md @@ -0,0 +1,4 @@ +--- +title: Now +--- +This is where the now page will be diff --git a/src/data/pages/subscribe.ori.md b/src/data/pages/subscribe.ori.md new file mode 100644 index 0000000..05977e0 --- /dev/null +++ b/src/data/pages/subscribe.ori.md @@ -0,0 +1,4 @@ +--- +title: Subscribe +--- +It's too early diff --git a/src/data/pages/support.ori.md b/src/data/pages/support.ori.md new file mode 100644 index 0000000..22f0b98 --- /dev/null +++ b/src/data/pages/support.ori.md @@ -0,0 +1,5 @@ +--- +title: Support +--- +pls support me, I need sustainance +### be here now diff --git a/src/data/views/all-religions-are-wrong.md b/src/data/views/all-religions-are-wrong.md index 8106c5e..5265940 100644 --- a/src/data/views/all-religions-are-wrong.md +++ b/src/data/views/all-religions-are-wrong.md @@ -2,7 +2,7 @@ title: All religions are wrong slug: all-religions-are-wrong --- -# Why I hold this view +## Why I hold this view insert reasons here for why I believe all religions are wrong -# Why it matters +## Why it matters insert reasons here for why I think it matters diff --git a/src/data/views/there-is-no-god.md b/src/data/views/there-is-no-god.md index 2da54be..1ce8b43 100644 --- a/src/data/views/there-is-no-god.md +++ b/src/data/views/there-is-no-god.md @@ -2,7 +2,7 @@ title: There is no god slug: there-is-no-god --- -# Why I hold this view +## Why I hold this view insert reasons here for why I believe there is no god -# Why it matters +## Why it matters insert reasons here for why I think it matters diff --git a/src/data/views/we-do-not-need-hierarchies.md b/src/data/views/we-do-not-need-hierarchies.md index a1e6ba2..3025b9b 100644 --- a/src/data/views/we-do-not-need-hierarchies.md +++ b/src/data/views/we-do-not-need-hierarchies.md @@ -3,7 +3,7 @@ title: We do not need hierarchies slug: we-do-not-need-hierarchies --- -# Why I hold this view +## Why I hold this view insert reasons here for why I believe hierarchy is bad -# Why it matters +## Why it matters insert reasons here for why I think it matters diff --git a/src/data/views/you-should-be-vegan.md b/src/data/views/you-should-be-vegan.md index 93406bb..e407e89 100644 --- a/src/data/views/you-should-be-vegan.md +++ b/src/data/views/you-should-be-vegan.md @@ -2,7 +2,7 @@ title: You should be vegan slug: you-should-be-vegan --- -# Why I hold this view +## Why I hold this view insert reasons here for why people should be vegan -# Why it matters +## Why it matters insert reasons for why this matters diff --git a/src/site.ori b/src/site.ori index 52b7860..702725f 100644 --- a/src/site.ori +++ b/src/site.ori @@ -4,4 +4,6 @@ index.html = templates/default.ori.html("Welcome to the index page!") views = (views.ori/) favicon.ico + ...map(data/pages, (page)=>templates/default.ori.html(templates/partials/article.ori.html/(page/()))) + } diff --git a/src/styles/main.css b/src/styles/main.css index 2a7a645..02542b3 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -1,46 +1,57 @@ :root { /* COLORS */ - --rich-black: #030303; /*for body background colour*/ - --eerie-black: #171717; /* for article background colour*/ - --charleston-green: #2c2c2c; /*for article background rollover*/ - --dark-medium-gray: #aaa; /* for main body text throughout website*/ - --platinum: #e9e9e9; /* for titles*/ - --middle-green: #52aa5e; /* for the main heading and links*/ - --turquoise-green: #a0d0a7; /* for links in their hover state*/ - --amaranth: #ef2d56; /* just for the support heart in its hoverstate */ + --rich-black: #030303; + /*for body background colour*/ + --eerie-black: #171717; + /* for article background colour*/ + --charleston-green: #2c2c2c; + /*for article background rollover*/ + --dark-medium-gray: #aaa; + /* for main body text throughout website*/ + --platinum: #e9e9e9; + /* for titles*/ + --middle-green: #52aa5e; + /* for the main heading and links*/ + --turquoise-green: #a0d0a7; + /* for links in their hover state*/ + --amaranth: #ef2d56; + /* just for the support heart in its hoverstate */ /* THEME */ - /* COLOURS */ + /* COLOURS */ --page-title-color: var(--middle-green); --link-color: var(--middle-green); - --link-hover-color: var(--turquise-green) - --body-background-color: var(--rich-black); + --link-hover-color: var(--turquise-green) --body-background-color: var(--rich-black); --article-background-color: var(--eerie-black); --text-color: var(--dark-medium-gray); --nav-link-color: var(--text-color); --nav-link-color-hover: var(--platinum); - /* FONT SIZES */ + /* FONT SIZES */ --font-size: 1.7rem; --page-title-font-size: 3.6rem; - --card-background-hover: var(--charleston-green) + --card-background-hover: var(--charleston-green); + /* PADDING */ + --article-padding: 3rem; + /* OTHER */ + --border-radius: 1rem; } - + html { - font-size: 10px; - height: 100%; + font-size: 10px; + height: 100%; } * { - margin: 0; - padding: 0; - box-sizing: border-box; - -webkit-font-smoothing: antialiased; + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; } body { @@ -82,15 +93,26 @@ body { } .page-content { - padding: 2rem; - flex-grow:1; + padding: 2rem; + flex-grow: 1; + display: flex; + flex-flow: column nowrap; + align-items: center; + +} + +.page-content h2 { + font-size: 2.4rem; + font-weight: 300; + margin-top: 3rem; + margin-bottom: 1rem; } .site-footer { flex-shrink: 0; - flex-grow:0; + flex-grow: 0; width: 100%; - text-align:center; + text-align: center; } .site-navigation ul { @@ -99,41 +121,68 @@ body { list-style: none; font-size: 1.4rem; } -.site-navigation a{ + +.site-navigation a { text-decoration: none; color: var(--nav-link-color); } -.site-navigation a:hover{ + +.site-navigation a:hover { text-decoration: none; color: var(--nav-link-color-hover); } .main { - width:100%; - text-align:center; + width: 100%; + text-align: center; } .view-cards { display: flex; flex-flow: column nowrap; align-items: center; - gap:3rem; + gap: 3rem; } .view-card { background: var(--article-background-color); - padding: 3rem; /*replace this with a variable */ - border-radius: 1rem; + padding: 3rem; + /*replace this with a variable */ + border-radius: var(--border-radius); text-decoration: none; color: var(--text-color); font-size: 3rem; font-weight: 300; text-align: center; - width: 700px; + width: 70rem; } .view-card:hover { color: var(--link-color-hover); - background-color: var(--card-background-hover) + background-color: var(--card-background-hover); } + +.article { + background-color: var(--article-background-color); + padding: var(--article-padding); + border-radius: var(--border-radius); + width: 90rem; + display: flex; + flex-flow: column nowrap; + gap: 3rem; +} + +.article-header { + display: flex; + flex-flow: row nowrap; + align-items: center; + justify-content: space-between; + width: 100%; +} + +.article-title { + font-weight: 300; + font-size: 2.4rem; + color: var(--page-title-color); +} diff --git a/src/templates/partials/article.ori.html b/src/templates/partials/article.ori.html new file mode 100644 index 0000000..3686c8f --- /dev/null +++ b/src/templates/partials/article.ori.html @@ -0,0 +1,9 @@ +
+
+

${ _/title }

+ +
+
+ ${ mdHtml(_/@text) } +
+
\ No newline at end of file diff --git a/src/templates/partials/navigation.ori.html b/src/templates/partials/navigation.ori.html index 7d48ad7..e91727e 100644 --- a/src/templates/partials/navigation.ori.html +++ b/src/templates/partials/navigation.ori.html @@ -1,6 +1,6 @@