diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a0f0f5a --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +public/ +stashed/ \ No newline at end of file diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..f8ae42e --- /dev/null +++ b/config.toml @@ -0,0 +1,22 @@ +# The URL the site will be built for +base_url = "https://collective-conciousness.monster" +title = "Blog of Ittihadyya" +description = "Adyya's den" +default_language = "en" +# Whether to automatically compile all Sass files in the sass directory +compile_sass = true +generate_feeds = true +#default auithor +author = "Ittihadyya (unmarked)" +# Whether to build a search index to be used later on by a JavaScript library +build_search_index = false +generate_robots_txt = true + +[markdown] +# Whether to do syntax highlighting +# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola +highlight_code = false +render_emoji = true +external_links_target_blank = true +[extra] +# Put all your custom variables here \ No newline at end of file diff --git a/content/about/_index.md b/content/about/_index.md new file mode 100644 index 0000000..a252637 --- /dev/null +++ b/content/about/_index.md @@ -0,0 +1,6 @@ ++++ +title = "List of pages with descriptive information about the entities who made this website" +template = "about.html" +sort_by = "title" +page_template = "about-page.html" ++++ \ No newline at end of file diff --git a/content/about/eli.md b/content/about/eli.md new file mode 100644 index 0000000..ddc32e8 --- /dev/null +++ b/content/about/eli.md @@ -0,0 +1,18 @@ ++++ +title = "eli" +[extra] +footnote1 = "There is no canon pronunciation." +footnote2 = "Undecided what kind, exactly." +footnote3 = "Silksong is coming out soon, right?" ++++ +**Pronouns** : she/her preferred, but they/them is also fine. + +{{ br() }} + +I'm Eli {{ footnote() }}, an entity{{ footnote() }} of some sorts. Computers fear me, for I usually fuck them up ( *unwillingly*, if I may add ) while tinkering with them. Currently kinda interested in distributed computing.{{br()}} +My favourite song is {% link(url="https://www.youtube.com/watch?v=Yh5RSv52g6U") %} Vital Signs by Rush {% end %}. {{br()}} +My favourite videogames are *Hollow Knight*{{ footnote() }}, *Sekiro: Shadows Die Twice* and *Terraria*. {{br()}} +-\-\- +{{ footnoted() }} +{{ footnoted() }} +{{ footnoted() }} \ No newline at end of file diff --git a/content/about/jade.md b/content/about/jade.md new file mode 100644 index 0000000..ede78ae --- /dev/null +++ b/content/about/jade.md @@ -0,0 +1,9 @@ ++++ +title = "jade" +[extra] +footnote1 = "Depending on when you are reading this you might find art of it on the website" ++++ +**Pronouns**: they/them and she/her are fine, no preference between the two. {{br()}} +Hii! I'm Jade, my 'sona is a dragon{{footnote()}}! I like drawing! I also do pixel art! My favourite game is *Crying Suns*. If I ever remember to write blog posts they'll probably be about one of the aforementioned things. That's about it ! {{br()}} +\-\-\- +{{ footnoted() }} \ No newline at end of file diff --git a/content/about/vulcan.md b/content/about/vulcan.md new file mode 100644 index 0000000..94c1674 --- /dev/null +++ b/content/about/vulcan.md @@ -0,0 +1,5 @@ ++++ +title = "vulcan" ++++ + +thing \ No newline at end of file diff --git a/content/blogs/eli/_index.md b/content/blogs/eli/_index.md new file mode 100644 index 0000000..117187e --- /dev/null +++ b/content/blogs/eli/_index.md @@ -0,0 +1,6 @@ ++++ +title = "Eli's blog posts" +sort_by = "date" +template = "eli-blog.html" +page_template = "eli-blog-page.html" ++++ \ No newline at end of file diff --git a/content/blogs/eli/test.md b/content/blogs/eli/test.md new file mode 100644 index 0000000..a81e203 --- /dev/null +++ b/content/blogs/eli/test.md @@ -0,0 +1,6 @@ ++++ +title = "damm" +date = "2024-05-05" ++++ + +test \ No newline at end of file diff --git a/content/blogs/jade/_index.md b/content/blogs/jade/_index.md new file mode 100644 index 0000000..9454f6a --- /dev/null +++ b/content/blogs/jade/_index.md @@ -0,0 +1,6 @@ ++++ +title = "Jade's blog posts" +sort_by = "date" +template = "jade-blog.html" +page_template = "jade-blog-page.html" ++++ \ No newline at end of file diff --git a/content/blogs/vulcan/_index.md b/content/blogs/vulcan/_index.md new file mode 100644 index 0000000..4815655 --- /dev/null +++ b/content/blogs/vulcan/_index.md @@ -0,0 +1,6 @@ ++++ +title = "Vulcan's blog posts" +sort_by = "date" +template = "vulcan-blog.html" +page_template = "vulcan-blog-page.html" ++++ \ No newline at end of file diff --git a/content/contact.md b/content/contact.md new file mode 100644 index 0000000..ab7cee2 --- /dev/null +++ b/content/contact.md @@ -0,0 +1,11 @@ ++++ +title = "Contact information" +template = "contact.html" +page_template = "contact.html" +[extra] +footnote1 = "That should be within our respective \"about\" pages." ++++ + +You can contact us on our respective fediverse profiles{{ footnote() }}. {{br()}} You can also contact us on email at {% link(url="mailto:ittihadyya@collective-conciousness.monster") %}ittihadyya@collective-conciousness.monster{% end %}.{{br()}} +\-\-\- +{{footnoted()}} \ No newline at end of file diff --git a/static/css/about.css b/static/css/about.css new file mode 100644 index 0000000..843edca --- /dev/null +++ b/static/css/about.css @@ -0,0 +1,3 @@ +.about-content { + font-family: monospace; +} \ No newline at end of file diff --git a/static/css/blog.css b/static/css/blog.css new file mode 100644 index 0000000..d52b8e7 --- /dev/null +++ b/static/css/blog.css @@ -0,0 +1,3 @@ +.blockquote-div { + background-color: calc(var(--member-bg-color)); +} diff --git a/static/css/eli-blog.css b/static/css/eli-blog.css new file mode 100644 index 0000000..e69de29 diff --git a/static/css/eli-style.css b/static/css/eli-style.css new file mode 100644 index 0000000..eaef791 --- /dev/null +++ b/static/css/eli-style.css @@ -0,0 +1,12 @@ +@import url(eli-blog.css); +:root { + --eli-color-one: rgb(112, 16, 150); + --eli-color-two: rgb(175, 14, 81); + --eli-color-three: rgb(136, 97, 13); + --navbar-accent-color: var(--eli-color-one); + --fnColor: var(--eli-color-three); + --member-fg-color: rgb(185, 243, 243); +} +#navbar-accent { + background: linear-gradient(to right, var(--navbar-accent-color), var(--eli-color-two)); +} diff --git a/static/css/footnotes.css b/static/css/footnotes.css new file mode 100644 index 0000000..7736a4f --- /dev/null +++ b/static/css/footnotes.css @@ -0,0 +1,108 @@ +:root { + --posX: 25%; + --fnTransition: 0.3s; + --fnLinger: 0.15s; + --fnInteract: calc(var(--fnTransition) + var(--fnLinger)); +} + +/*--- Footnote Auto-counter --*/ +#main-content { + counter-reset: megacount; +} + +/*--- Footnote Superscript Number --*/ +.fnnum { + display: inline-block; + width: max-content; + text-indent: -0.475ex; + vertical-align: super; + line-height: 80%; + word-break: initial; + text-decoration: none; + font-weight: bold; + font-style: initial; + color: transparent; + position: relative; + font-size: 80%; + padding: .15em .05em; + margin-right: -0.25em; + counter-increment: megacount; + -webkit-user-select: none; + user-select: none; +} +.fnnum::after { + content: "" counter(megacount); + color: var(--fnColor, #E6283C); +} +.fnnum:hover { + text-decoration: none; + cursor: pointer; + background-color: var(--fnColor, #E6283C); +} +.fnnum:hover::after { color: white; } + +/*--- Footnote Content Wrapper --*/ +.fncon { + position: absolute; + left: calc(0.9375rem + 100% - var(--posX)); + line-height: 1.25; + padding: 0.8125rem; + width: 12.5rem; + box-sizing: border-box; + background: white; + border: .125rem solid black; + font-size: .9125rem; + font-weight: initial; + font-style: normal; + text-align: initial; + visibility: hidden; + opacity: 0; + z-index: 9; + transition: + opacity 0.15s linear var(--fnLinger), + right var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger), + visibility 0.01s linear var(--fnInteract); +} +.fnnum:hover + .fncon, .fncon:hover { + opacity: 1; + z-index: 10; + left: calc(0.9375rem + 100% - var(--posX)); + visibility: visible; + transition: + opacity 0.15s linear, + right var(--fnTransition) cubic-bezier(.08,.72,.5,.94); +} + +.fncon::before { + position: absolute; + top: 0; left: 0; + transform: translateX(-52%) translateY(-55%) scale(1.15); + background-color: var(--fnColor, #E6283C); + color: white; + content: counter(megacount); + font-size: initial; + font-weight: bold; + font-style: initial; + padding: 0.18rem 0.32em 0.08rem; +} + +/*--- Mobile Query --*/ +@media only screen and (max-width: 80rem) { + .fncon { + position: fixed; + bottom: 1.5rem; + left: calc(15% - 3.125rem); + width: 70%; + transition: + opacity 0.15s linear var(--fnLinger), + left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger), + visibility 0.01s linear var(--fnInteract); + } + .fnnum:hover + .fncon, .fncon:hover { + left: 15%; + transition: + opacity 0.15s linear, + left var(--fnTransition) cubic-bezier(.08,.72,.5,.94); + } +} + diff --git a/static/css/general-style.css b/static/css/general-style.css new file mode 100644 index 0000000..a718d67 --- /dev/null +++ b/static/css/general-style.css @@ -0,0 +1,84 @@ +@import url(setup.css); +@import url(footnotes.css); +@import url(navbar.css); +:root { + /* DEFAULT LIGHT SCHEME COLOURS still WIP */ + --main-text-color: #1B2430; + --outlink-color: #4169e1; + --inlink-color: #006400; + --purple: #800080; + --grey: #878787; + --table-color: #000000; + --shadow-color: #999999; + --transparent-shadow: rgb(29, 29, 29, 0.5); + --very-transparent-shadow: rgb(200, 200, 200, 0.01); + --title-color: white; + --member-bg-color: rgb(177, 174, 160); + --member-fg-color: rgb(121, 116, 120); + --white: rgb(225,225,225); + + --padsize: 5rem; +} +@media screen and (prefers-color-scheme: dark) { + :root { + --member-bg-color: #1B2430; + --outlink-color: #ff8080; + --inlink-color: #7aff7a; + --main-text-color: #FFFFFF; + --purple: #ffd1ff ; + --grey: #E7F6F2; + --table-color: #F7EDDB; + --title-color: #FFFFFF; + } + } + +.base-body { + background-color: var(--member-bg-color); +} + + +.container { + max-width: none; + padding-left: 1.4rem; + padding-right: 1.4rem; + margin-left: 5%; + margin-right: 5%; + margin-bottom: 0%; +} +#first-container { + margin: auto; + width: 100%; + box-sizing: border-box; + margin-top: var(--padsize); + overflow: auto; + max-height: calc(100%-5rem); +} +.flex-justified{ + display: flex; + margin-left: 25%; + margin-right: 25%; + justify-self: center; + justify-content: center; + display: flex +} +#first-section{ + background-color: var(--member-fg-color); + box-shadow: 0 0.125rem 0.25rem var(--transparent-shadow); +} +#FooterSpacer { + min-height: 100vh; + background-color: var(--very-transparent-shadow); + backdrop-filter: blur(0.1rem); + flex-shrink: 0; +} +#FootFooter{ + background-color: var(--member-fg-color); + justify-content: center; +} +.title { + display: flex; + justify-content: center; +} +.centered-text { + text-align: center; +} \ No newline at end of file diff --git a/static/css/jade-blog.css b/static/css/jade-blog.css new file mode 100644 index 0000000..1a7dc8d --- /dev/null +++ b/static/css/jade-blog.css @@ -0,0 +1,7 @@ +.blockquote-div { + border: 0.125rem solid var(--jade-color-three); + background-color: var(--white); +} +.blockquote-actual { + white-space: pre-line; +} \ No newline at end of file diff --git a/static/css/jade-style.css b/static/css/jade-style.css new file mode 100644 index 0000000..60db893 --- /dev/null +++ b/static/css/jade-style.css @@ -0,0 +1,17 @@ +@import url(jade-blog.css); +.base-body { + background-image: url(../images/jade-web-background.png); + background-repeat: repeat; + image-rendering: pixelated; +} +:root { + --jade-color-one: rgb(13, 109, 77); + --jade-color-two: rgb(93, 184, 71); + --navbar-accent-color: var(--jade-color-one); + --jade-color-three: rgb(70, 14, 116); + --fnColor: var(--jade-color-three); + --member-fg-color: rgb(243, 187, 187); +} +#navbar-accent { + background: linear-gradient(to right, var(--navbar-accent-color), var(--jade-color-two)); +} diff --git a/static/css/navbar.css b/static/css/navbar.css new file mode 100644 index 0000000..5c4b2fd --- /dev/null +++ b/static/css/navbar.css @@ -0,0 +1,116 @@ +/* + the following is for the navbar +*/ +:root { + --navbar-bg-color: hsl(0, 0%, 15%); + --navbar-text-color: hsl(0, 0%, 85%); + --navbar-text-color-focus: white; + --navbar-bg-contrast: hsl(0, 0%, 25%); + --navbar-accent-color: rgb(255, 255, 255); +} + +#navbar { + --navbar-height: 4rem; + --navbar-gradient-color: rgb(65, 64, 63); + position: fixed; + height: var(--navbar-height); + background: linear-gradient(90deg, var(--navbar-gradient-color), transparent, var(--navbar-gradient-color) ); + background-color: var(--navbar-bg-color); + left: 0; + right: 0; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15); + z-index: 100; /* don't judge me ok -e */ +} +#navbar-accent { + background-color: var(--navbar-accent-color); + display:flex; + height: 25%; +} +.navbar-container { + display: flex; + justify-content: space-between; + height: 100%; + align-items: center; +} + +.home-link, +.navbar-link { + color: var(--navbar-text-color); + transition: color 0.2s ease-in-out; + text-decoration: none; + display: flex; + font-weight: 400; + align-items: center; + transition: background-color 0.2s ease-in-out, + color 0.2s ease-in-out; +} + +.home-link:focus, +.home-link:hover { + color: var(--navbar-text-color-focus); +} + +.navbar-link { + justify-content: center; + width: 100%; + padding: 0.4em 0.8em; + border-radius: 0.3125rem; +} + +.navbar-link:focus, +.navbar-link:hover { + color: var(--navbar-text-color-focus); + background-color: var(--navbar-bg-contrast); +} + +.navbar-logo { + background-color: var(--navbar-text-color-focus); + border-radius: 0%; + width: 8rem; + height: 2rem; + margin-right: 0.5em; +} +.icon-bar { + display: block; + width: 1.5625rem; + height: 0.25rem; + margin: calc(1/8)rem; + transition: background-color 0.2s ease-in-out, + transform 0.2s ease-in-out, + opacity 0.2s ease-in-out; + background-color: var(--navbar-text-color); +} + +.navbar-links { + list-style-type: none; + max-height: 0; + overflow: auto; + position: absolute; + background: transparent; + /* background-color: var(--navbar-bg-color); */ + display: flex; + align-items: center; +} +.navbar-item { + margin: 0.4em; + white-space: nowrap; + width: 100%; +} + +#navbar .navbar-links, +#navbar-links { + margin: 0; + padding: 0; + box-shadow: none; + position: static; + flex-direction: row; + list-style-type: none; + max-height: max-content; + width: 100%; + height: 100%; +} + +#options { + display: flex; + flex-direction: column; +} diff --git a/static/css/setup.css b/static/css/setup.css new file mode 100644 index 0000000..7715430 --- /dev/null +++ b/static/css/setup.css @@ -0,0 +1,11 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + height: 100vh; + font-family: sans-serif, monospace, system-ui; + line-height: 1.6; +} diff --git a/static/css/vulcan-style.css b/static/css/vulcan-style.css new file mode 100644 index 0000000..47d4049 --- /dev/null +++ b/static/css/vulcan-style.css @@ -0,0 +1,13 @@ +.base-body { + /*background-image: url(../vulcan-web-background.jpg);*/ + background-image: url(../images/vulcan-pixel-new13.png); + image-rendering: pixelated; +} +:root { + --vulcan-color-one: rgb(133, 84, 52); + --vulcan-color-two: rgb(131, 36, 36); + --navbar-accent-color: var(--vulcan-color-one); +} +#navbar-accent { + background: linear-gradient(to right, var(--navbar-accent-color), var(--vulcan-color-two)) +} \ No newline at end of file diff --git a/static/images/doyouliveunderarock.png b/static/images/doyouliveunderarock.png new file mode 100644 index 0000000..9e7d092 Binary files /dev/null and b/static/images/doyouliveunderarock.png differ diff --git a/static/images/jade-web-background.png b/static/images/jade-web-background.png new file mode 100644 index 0000000..13804d2 Binary files /dev/null and b/static/images/jade-web-background.png differ diff --git a/static/images/vulcan-pixel-new1.png b/static/images/vulcan-pixel-new1.png new file mode 100644 index 0000000..698447c Binary files /dev/null and b/static/images/vulcan-pixel-new1.png differ diff --git a/static/images/vulcan-pixel-new10.png b/static/images/vulcan-pixel-new10.png new file mode 100644 index 0000000..49d5371 Binary files /dev/null and b/static/images/vulcan-pixel-new10.png differ diff --git a/static/images/vulcan-pixel-new11.png b/static/images/vulcan-pixel-new11.png new file mode 100644 index 0000000..a4cc264 Binary files /dev/null and b/static/images/vulcan-pixel-new11.png differ diff --git a/static/images/vulcan-pixel-new12.png b/static/images/vulcan-pixel-new12.png new file mode 100644 index 0000000..1e39f21 Binary files /dev/null and b/static/images/vulcan-pixel-new12.png differ diff --git a/static/images/vulcan-pixel-new13.png b/static/images/vulcan-pixel-new13.png new file mode 100644 index 0000000..4c38c94 Binary files /dev/null and b/static/images/vulcan-pixel-new13.png differ diff --git a/static/images/vulcan-pixel-new14.png b/static/images/vulcan-pixel-new14.png new file mode 100644 index 0000000..b02f2d2 Binary files /dev/null and b/static/images/vulcan-pixel-new14.png differ diff --git a/static/images/vulcan-pixel-new15.png b/static/images/vulcan-pixel-new15.png new file mode 100644 index 0000000..1df7dd7 Binary files /dev/null and b/static/images/vulcan-pixel-new15.png differ diff --git a/static/images/vulcan-pixel-new16.png b/static/images/vulcan-pixel-new16.png new file mode 100644 index 0000000..a87623b Binary files /dev/null and b/static/images/vulcan-pixel-new16.png differ diff --git a/static/images/vulcan-pixel-new2.png b/static/images/vulcan-pixel-new2.png new file mode 100644 index 0000000..1bffc82 Binary files /dev/null and b/static/images/vulcan-pixel-new2.png differ diff --git a/static/images/vulcan-pixel-new3.png b/static/images/vulcan-pixel-new3.png new file mode 100644 index 0000000..ea1b7e9 Binary files /dev/null and b/static/images/vulcan-pixel-new3.png differ diff --git a/static/images/vulcan-pixel-new4.png b/static/images/vulcan-pixel-new4.png new file mode 100644 index 0000000..9f8906c Binary files /dev/null and b/static/images/vulcan-pixel-new4.png differ diff --git a/static/images/vulcan-pixel-new5.png b/static/images/vulcan-pixel-new5.png new file mode 100644 index 0000000..b6a7ce4 Binary files /dev/null and b/static/images/vulcan-pixel-new5.png differ diff --git a/static/images/vulcan-pixel-new6.png b/static/images/vulcan-pixel-new6.png new file mode 100644 index 0000000..f924da4 Binary files /dev/null and b/static/images/vulcan-pixel-new6.png differ diff --git a/static/images/vulcan-pixel-new7.png b/static/images/vulcan-pixel-new7.png new file mode 100644 index 0000000..f6a4b83 Binary files /dev/null and b/static/images/vulcan-pixel-new7.png differ diff --git a/static/images/vulcan-pixel-new8.png b/static/images/vulcan-pixel-new8.png new file mode 100644 index 0000000..da91c8b Binary files /dev/null and b/static/images/vulcan-pixel-new8.png differ diff --git a/static/images/vulcan-pixel-new9.png b/static/images/vulcan-pixel-new9.png new file mode 100644 index 0000000..a311e1b Binary files /dev/null and b/static/images/vulcan-pixel-new9.png differ diff --git a/static/images/vulcan-web-background.jpg b/static/images/vulcan-web-background.jpg new file mode 100755 index 0000000..36f13b0 Binary files /dev/null and b/static/images/vulcan-web-background.jpg differ diff --git a/templates/about-page.html b/templates/about-page.html new file mode 100644 index 0000000..bcb4b85 --- /dev/null +++ b/templates/about-page.html @@ -0,0 +1,18 @@ +{% extends "base.html" %} + +{% block head %} +{% set name = page.title %} +
+{{ page.content | safe }} +
+{% endblock content %} \ No newline at end of file diff --git a/templates/about.html b/templates/about.html new file mode 100644 index 0000000..6875752 --- /dev/null +++ b/templates/about.html @@ -0,0 +1,16 @@ +{% extends "base.html" %} + +{% block head %} +{{ page.date }}
++{{ page.content | safe }} +
+{% endblock content %} \ No newline at end of file diff --git a/templates/eli-blog.html b/templates/eli-blog.html new file mode 100644 index 0000000..cc9bc13 --- /dev/null +++ b/templates/eli-blog.html @@ -0,0 +1,19 @@ +{% extends "base.html" %} + +{% block head %} +Hi! This is the website of Ittihadyya.
+{% endblock content %} \ No newline at end of file diff --git a/templates/jade-blog-page.html b/templates/jade-blog-page.html new file mode 100644 index 0000000..acf7e7d --- /dev/null +++ b/templates/jade-blog-page.html @@ -0,0 +1,17 @@ +{% extends "base.html" %} + +{% block head %} +{{ page.date }}
++ {{ page.content | safe }} +
+{% endblock content %} \ No newline at end of file diff --git a/templates/jade-blog.html b/templates/jade-blog.html new file mode 100644 index 0000000..4852856 --- /dev/null +++ b/templates/jade-blog.html @@ -0,0 +1,19 @@ +{% extends "base.html" %} + +{% block head %} +++ {% if author %}{{body}}
+
{{author}}, {% if source %}{{source}}{% endif %}
{% endif %} +{{ page.date }}
++ {{ page.content | safe }} +
+{% endblock content %} \ No newline at end of file diff --git a/templates/vulcan-blog.html b/templates/vulcan-blog.html new file mode 100644 index 0000000..89b7614 --- /dev/null +++ b/templates/vulcan-blog.html @@ -0,0 +1,19 @@ +{% extends "base.html" %} + +{% block head %} +