From: Thomas Bruce <tdb@tdbio.me>
Date: Wed, 19 Feb 2025 01:49:59 +0000 (-0500)
Subject: migrate from original repository + update git info
X-Git-Url: https://git.deglebe.com/w/now/r/p/static/static/gitweb.js?a=commitdiff_plain;h=5b7615ed2865fd9eee297e7a1e01fb942ca58c65;p=personal%2Fdeglebe.com.git
migrate from original repository + update git info
---
5b7615ed2865fd9eee297e7a1e01fb942ca58c65
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..a858df5
--- /dev/null
+++ b/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="robots" content="noai, noimageai">
+ <title>deglebe.com</title>
+ <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+ <div class="navbar">
+ <a href="index.html">home (professional)</a>
+ <a href="non-work/p/index.html">projects</a>
+ <a href="https://git.deglebe.com/">git</a>
+ <a href="non-work/index.html">home (non-work)</a>
+ </div>
+ <main>
+ <h1>thomas bruce</h1>
+ <p>student at marist university</p>
+
+ <h3>project organization</h3>
+ <p>to acces my projects via gitweb, see the git link in the navbar</p>
+ <p>to access my projects via sr.ht:</p>
+ <a href="https://git.sr.ht/~deglebe">sr.ht/~deglebe</a>
+
+ <p>my srht may be removed at some point, so gitweb should be treated as the most up-to-date portfolio</p>
+
+ <h3>contact</h3>
+ <p> thomas dot bruce 1 at marist dot edu</p>
+</main>
+</body>
+</html>
diff --git a/non-work/blogposts/hello-world.md b/non-work/blogposts/hello-world.md
new file mode 100644
index 0000000..e6dca76
--- /dev/null
+++ b/non-work/blogposts/hello-world.md
@@ -0,0 +1,76 @@
+---
+title: hello, world!
+date: 01/02/2025
+author: thomas bruce
+---
+
+hello, world!
+
+this is my first blog post here, and really ever. going to be interesting to see
+if i upkeep this as frequently as i would like. this post is just to get some
+basic information out of the way, so i can write freely and answer any questions
+which might be had.
+
+### about me:
+my name is thomas bruce. i am a computer science (software engineering) student
+and mathematics student in the hudson valley, new york. i've independently been
+studying computing and maths for some years prior, however. other academic
+interests of mine include botany, climatology, and political theory.
+
+hobbies of mine include: long-distance running, reading (mostly philosophy or
+other nonfiction areas), cooking, torturing myself (writing software), and
+having fun (writing software)
+
+obviously this not an all-encompassing biography.
+
+### some random points/disclaimers
+there are some important things to get out of the way:
+
+#### what's with the lack of capitalization?
+i prefer to keep my writing (outside of academic writing) in all lowercase for
+a few reasons:
+
+ - it looks better to me
+ - it works well with my font
+ - my wpm increases slightly
+
+if you don't like it, write a tampermonkey script to capitalize my site, and
+share it for free on a non-restrictive platform.
+
+#### my politics
+while i will continue to maintain that politics aren't the sole defining
+feature of an individual, it is nothing but fair to give a bit of a bias
+disclaimer about my poltical leanings. my political writings will (unless my
+mind is changed) be coming from a more lib-left slant than anything else. i will
+be wrong about things, or disagree with you on things, and that is ok! friction
+in the physical world releases energy, which has an effect on its surroundings.
+it is the same with disagreement among individuals; disagreement is nothing but
+the potential for further learning and understanding.
+
+i do hold that there is a fundamental difference between politics and
+politicking about social issues. i will differentiate between the two in my
+writings.
+
+#### thoughts on identity
+i take a sligtly more "free" approach to identity than some of my peers, based
+on a loose interpretation of karl popper's philosophies: identity is not based
+in the determinism of historical materialism, i.e. it is not merely a result
+of conditions and intrinsic stati, but more due to individual's ability to
+reason critically and their choices thereof. it is my opinion that when the self
+is boiled down to a set of terms (labels) or (heaven forbid) diagnoses, it
+becomes an externally-mediated concept rather than an actual personal identity.
+it becomes a surface-level conceptualization of what it means to be "me", rather
+than a deep knowledge of one's self. it becomes a way to explain away the
+behaviours, quirks, idiosyncrasies, and more as due to a diagnosis or label or
+distinction of some other kind rather than the mild differences which we all
+hold from each other.
+
+i don't want it to be thought that i reject the comfort aspect of labels,
+however. i just think that there is so much more to identity than words and
+phrases. but i do think that this trend, ironically, serves to perpetuate what
+was antithetical to both marx' and popper's ideologies: it continues to create
+hierarchies and social distinctions which do nothing but hinder individuality
+at its purist form.
+
+### outro
+that about sums it up for this post. looking forward to writing my next one.
diff --git a/non-work/blogposts/template.html b/non-work/blogposts/template.html
new file mode 100644
index 0000000..98a5b39
--- /dev/null
+++ b/non-work/blogposts/template.html
@@ -0,0 +1,23 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="robots" content="noai, noimageai">
+ <title>deglebe.com</title>
+ <link rel="stylesheet" href="../styles-nonpro.css">
+</head>
+<body>
+ <div class="navbar">
+ <a href="../index.html">home</a>
+ <a href="../now/index.html">now</a>
+ <a href="../w/index.html">writing</a>
+ <a href="../r/index.html">read</a>
+ <a href="../m/index.html">math</a>
+ <a href="../p/index.html">projects</a>
+ </div>
+
+ <h1>writing</h1> <!-- This gets replaced by actual content -->
+</body>
+</html>
diff --git a/non-work/index.html b/non-work/index.html
new file mode 100644
index 0000000..5a8c67f
--- /dev/null
+++ b/non-work/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="robots" content="noai, noimageai">
+ <title>deglebe.com</title>
+ <link rel="stylesheet" href="styles-nonpro.css">
+</head>
+<body>
+ <div class="navbar">
+ <a href="../index.html">home (professional)</a>
+ <a href="now/index.html">now</a>
+ <a href="w/index.html">writing</a>
+ <a href="r/index.html">read</a>
+ <a href="m/index.html">math</a>
+ <a href="p/index.html">projects</a>
+ <a href="https://git.deglebe.com/">git</a>
+ </div>
+ <main>
+ <h1>thomas bruce</h1>
+ <p>student, hobby software developer, runner, enjoyer of food</p>
+
+ <h3>contact</h3>
+ <p>you can contact me any time on libera as deglebe</p>
+ <p>going to set up an email alias at some point</p>
+</main>
+</body>
+</html>
diff --git a/non-work/m/index.html b/non-work/m/index.html
new file mode 100644
index 0000000..e51786b
--- /dev/null
+++ b/non-work/m/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="robots" content="noai, noimageai">
+ <title>deglebe.com</title>
+ <link rel="stylesheet" href="../styles-nonpro.css">
+</head>
+<body>
+ <div class="navbar">
+ <a href="../index.html">home</a>
+ <a href="../now/index.html">now</a>
+ <a href="../w/index.html">writing</a>
+ <a href="../r/index.html">read</a>
+ <a href="../m/index.html">math</a>
+ <a href="../p/index.html">projects</a>
+ </div>
+
+ <h1>math</h1>
+ <p>TODO</p>
+</body>
+</html>
diff --git a/non-work/now/index.html b/non-work/now/index.html
new file mode 100644
index 0000000..4923eda
--- /dev/null
+++ b/non-work/now/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>now | deglebe.com</title>
+ <link rel="stylesheet" href="../styles-nonpro.css">
+</head>
+<body>
+ <div class="navbar">
+ <a href="../index.html">home</a>
+ <a href="index.html">now</a>
+ <a href="../w/index.html">writing</a>
+ <a href="../r/index.html">read</a>
+ <a href="../m/index.html">math</a>
+ <a href="../p/index.html">projects</a>
+ </div>
+
+ <h1>now</h1>
+
+ <div class="now">
+ <p>last update: 14/02/2025</p>
+
+ <h3>reading</h3>
+ <p>currently reading:</p>
+ <ul>
+ <li>"a new model of the universe" - ouspensky</li>
+ <li>"war is a racket" - butler</li>
+ <li>"climate and the energy of nations" - markham</li>
+ </ul>
+
+ <h3>school</h3>
+ <p>classes i am currently taking:</p>
+ <ul>
+ <li>discrete mathematics</li>
+ <li>software development</li>
+ <li>software systems and analysis</li>
+ <li>german 102</li>
+ <li>creative writing</li>
+ </ul>
+
+ <h3>projects</h3>
+ <p>personal projects i am working on:</p>
+ <ul>
+ <li>this site</li>
+ <li>govi: modal text editor in golang</li>
+ <li>research/learning unix clone</li>
+ </ul>
+
+ <h3>writings</h3>
+ <p>stuff i am writing which might show up on this site:</p>
+ <ul>
+ <li>why immediate state collapse will not benefit anarchists</li>
+ <li>long-distance running isn't transcendance but diffusion</li>
+ <li>effective symbolic logic parsing in c</li>
+ </ul>
+ </div>
+</body>
+</html>
diff --git a/non-work/p/index.html b/non-work/p/index.html
new file mode 100644
index 0000000..7863a18
--- /dev/null
+++ b/non-work/p/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="robots" content="noai, noimageai">
+ <title>deglebe.com</title>
+ <link rel="stylesheet" href="../styles-nonpro.css">
+</head>
+<body>
+ <div class="navbar">
+ <a href="../index.html">home</a>
+ <a href="../now/index.html">now</a>
+ <a href="../w/index.html">writing</a>
+ <a href="../r/index.html">read</a>
+ <a href="../m/index.html">math</a>
+ <a href="../p/index.html">projects</a>
+ </div>
+
+ <h1>projects</h1>
+ <p>TODO</p>
+</body>
+</html>
diff --git a/non-work/r/index.html b/non-work/r/index.html
new file mode 100644
index 0000000..27dea36
--- /dev/null
+++ b/non-work/r/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="robots" content="noai, noimageai">
+ <title>deglebe.com</title>
+ <link rel="stylesheet" href="../styles-nonpro.css">
+</head>
+<body>
+ <div class="navbar">
+ <a href="../index.html">home</a>
+ <a href="../now/index.html">now</a>
+ <a href="../w/index.html">writing</a>
+ <a href="../r/index.html">read</a>
+ <a href="../m/index.html">math</a>
+ <a href="../p/index.html">projects</a>
+ </div>
+
+ <h1>read</h1>
+ <p>TODO</p>
+</body>
+</html>
diff --git a/non-work/ssg.sh b/non-work/ssg.sh
new file mode 100755
index 0000000..2e9a77f
--- /dev/null
+++ b/non-work/ssg.sh
@@ -0,0 +1,79 @@
+#!/bin/bash
+
+# directories
+INPUT_DIR="blogposts"
+OUTPUT_DIR="w"
+INDEX_FILE="$OUTPUT_DIR/index.html"
+TEMPLATE_FILE="$INPUT_DIR/template.html"
+
+mkdir -p "$OUTPUT_DIR"
+
+if [[ ! -f "$TEMPLATE_FILE" ]]; then
+ echo "Error: Missing template.html file."
+ exit 1
+fi
+
+TEMP_INDEX=$(mktemp)
+
+for md_file in "$INPUT_DIR"/*.md; do
+ [[ -f "$md_file" ]] || continue
+
+ filename=$(basename -- "$md_file")
+ slug="${filename%.*}" # Remove extension
+ html_file="$OUTPUT_DIR/$slug.html"
+
+ # Extract YAML metadata using awk
+ metadata=$(awk '/^---$/ {f=!f; next} f' "$md_file")
+ title=$(echo "$metadata" | awk -F': ' '/^title:/ {print $2}')
+ date=$(echo "$metadata" | awk -F': ' '/^date:/ {print $2}')
+ author=$(echo "$metadata" | awk -F': ' '/^author:/ {print $2}')
+
+ # If no title is found, use the slug as a fallback
+ title=${title:-$slug}
+ date=${date:-"1970-01-01"} # Default to earliest date if missing
+ author=${author:-"Unknown"}
+
+ # Convert Markdown to HTML, skipping YAML header
+ content=$(sed '1,/^---$/d' "$md_file" | pandoc -f markdown -t html)
+
+ # Generate the full HTML page
+ awk -v title="$title" -v content="$content" '
+ /<h1>writing<\/h1>/ { print "<h1>" title "</h1>"; print content; next }
+ { print }
+ ' "$TEMPLATE_FILE" > "$html_file"
+
+ echo "Generated: $html_file"
+
+ # Append to temporary index file for sorting later
+ echo "$date|<li><a href=\"$slug.html\">$title</a> - $date by $author</li>" >> "$TEMP_INDEX"
+done
+
+# Generate updated index.html with sorted posts
+{
+ echo "<!DOCTYPE html>"
+ echo "<html lang=\"en\">"
+ echo "<head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><link rel="stylesheet" href="../styles-nonpro.css"><title>Writing</title></head>"
+ echo "<body>"
+ echo "<div class="navbar">"
+ echo " <a href="../index.html">home</a>"
+ echo " <a href="../now/index.html">now</a>"
+ echo " <a href="../w/index.html">writing</a>"
+ echo " <a href="../r/index.html">read</a>"
+ echo " <a href="../m/index.html">math</a>"
+ echo " <a href="../p/index.html">projects</a>"
+ echo "</div>"
+ echo "<h1>writing</h1>"
+ echo "<p>all opinions here are entirely my own and not endorsed by any employer, educational institution, or otherwise"
+ echo "<ul>"
+
+ # Sort entries by date in descending order
+ sort -r "$TEMP_INDEX" | cut -d'|' -f2
+
+ echo "</ul>"
+ echo "</body>"
+ echo "</html>"
+} > "$INDEX_FILE"
+
+rm "$TEMP_INDEX" # Clean up
+
+echo "Index updated: $INDEX_FILE"
diff --git a/non-work/styles-nonpro.css b/non-work/styles-nonpro.css
new file mode 100644
index 0000000..2f6f0ce
--- /dev/null
+++ b/non-work/styles-nonpro.css
@@ -0,0 +1,33 @@
+
+body {
+ color: #fbf1c7;
+ background: #282828;
+ margin: 40px auto;
+ font-family: monospace;
+ font-size: 18px;
+ max-width: 650px;
+ padding: 0 10px;
+}
+
+h1 { line-height: 1.2; text-align: left; }
+h2, h3 { line-height: 1.2; border-bottom: 1px solid; }
+
+a {
+ color: #d79921;
+ text-decoration: none;
+ padding: 0.5em 0;
+}
+
+img {
+ width: 30%;
+}
+
+.navbar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-direction: row;
+ text-align: center;
+
+}
+
diff --git a/non-work/w/cleanup-dist.sh b/non-work/w/cleanup-dist.sh
new file mode 100755
index 0000000..64fd61b
--- /dev/null
+++ b/non-work/w/cleanup-dist.sh
@@ -0,0 +1,3 @@
+#!/bin/sh
+
+find . ! -name 'index.html' ! -name 'cleanup-dist.sh' -type f -exec rm -f {} +
diff --git a/non-work/w/doe-insanity.html b/non-work/w/doe-insanity.html
new file mode 100644
index 0000000..10828b9
--- /dev/null
+++ b/non-work/w/doe-insanity.html
@@ -0,0 +1,50 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="robots" content="noai, noimageai">
+ <title>deglebe.com</title>
+ <link rel="stylesheet" href="../styles-nonpro.css">
+</head>
+<body>
+ <div class="navbar">
+ <a href="../index.html">home</a>
+ <a href="../now/index.html">now</a>
+ <a href="../w/index.html">writing</a>
+ <a href="../r/index.html">read</a>
+ <a href="../m/index.html">math</a>
+ <a href="../p/index.html">projects</a>
+ </div>
+
+<h1>department of education insanity</h1>
+<p>thesis: the civil discourse surrounding the state of the department
+of education (usa) is confused and irrational.</p>
+<p>position: the department of education (usa) ought to be reformed in
+such a way that the model of education is much looser, and it
+prioritizes real learning over knowledge acquisition.</p>
+<h5 id="bias-notice">bias notice</h5>
+<p>most of my acquired knowledge surrounding educational theory and
+structure comes from illich, althusser, peat,</p>
+<pre><code> ```
+ test code block
+ ```</code></pre>
+<h2 id="context">context</h2>
+<p>at the time of writing, (feb 2025) the trump administration in the
+united state is actively seeking to do away with the federal-level
+department of education. reasons cited include:</p>
+<ul>
+<li>it is a waste of money</li>
+<li>standardized education is a breeding-ground for âliberal
+ideologyâ</li>
+<li>dei initiatives are exposing children to inapropriate material</li>
+<li>historical revisionism is reducing the sanctity of the nation</li>
+<li>critical race theory (crt) is evil and widely-taught</li>
+<li>parents should not be paying taxes when not sending children to
+school</li>
+</ul>
+<h3 id="centralised-education-creates-workers">centralised education
+creates workers</h3>
+</body>
+</html>
diff --git a/non-work/w/hello-world.html b/non-work/w/hello-world.html
new file mode 100644
index 0000000..84a503b
--- /dev/null
+++ b/non-work/w/hello-world.html
@@ -0,0 +1,86 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="robots" content="noai, noimageai">
+ <title>deglebe.com</title>
+ <link rel="stylesheet" href="../styles-nonpro.css">
+</head>
+<body>
+ <div class="navbar">
+ <a href="../index.html">home</a>
+ <a href="../now/index.html">now</a>
+ <a href="../w/index.html">writing</a>
+ <a href="../r/index.html">read</a>
+ <a href="../m/index.html">math</a>
+ <a href="../p/index.html">projects</a>
+ </div>
+
+<h1>hello, world!</h1>
+<p>hello, world!</p>
+<p>this is my first blog post here, and really ever. going to be
+interesting to see if i upkeep this as frequently as i would like. this
+post is just to get some basic information out of the way, so i can
+write freely and answer any questions which might be had.</p>
+<h3 id="about-me">about me:</h3>
+<p>my name is thomas bruce. i am a computer science (software
+engineering) student and mathematics student in the hudson valley, new
+york. iâve independently been studying computing and maths for some
+years prior, however. other academic interests of mine include botany,
+climatology, and political theory.</p>
+<p>hobbies of mine include: long-distance running, reading (mostly
+philosophy or other nonfiction areas), cooking, torturing myself
+(writing software), and having fun (writing software)</p>
+<p>obviously this not an all-encompassing biography.</p>
+<h3 id="some-random-pointsdisclaimers">some random
+points/disclaimers</h3>
+<p>there are some important things to get out of the way:</p>
+<h4 id="whats-with-the-lack-of-capitalization">whatâs with the lack of
+capitalization?</h4>
+<p>i prefer to keep my writing (outside of academic writing) in all
+lowercase for a few reasons:</p>
+<pre><code>- it looks better to me
+- it works well with my font
+- my wpm increases slightly</code></pre>
+<p>if you donât like it, write a tampermonkey script to capitalize my
+site, and share it for free on a non-restrictive platform.</p>
+<h4 id="my-politics">my politics</h4>
+<p>while i will continue to maintain that politics arenât the sole
+defining feature of an individual, it is nothing but fair to give a bit
+of a bias disclaimer about my poltical leanings. my political writings
+will (unless my mind is changed) be coming from a more lib-left slant
+than anything else. i will be wrong about things, or disagree with you
+on things, and that is ok! friction in the physical world releases
+energy, which has an effect on its surroundings. it is the same with
+disagreement among individuals; disagreement is nothing but the
+potential for further learning and understanding.</p>
+<p>i do hold that there is a fundamental difference between politics and
+politicking about social issues. i will differentiate between the two in
+my writings.</p>
+<h4 id="thoughts-on-identity">thoughts on identity</h4>
+<p>i take a sligtly more âfreeâ approach to identity than some of my
+peers, based on a loose interpretation of karl popperâs philosophies:
+identity is not based in the determinism of historical materialism,
+i.e. it is not merely a result of conditions and intrinsic stati, but
+more due to individualâs ability to reason critically and their choices
+thereof. it is my opinion that when the self is boiled down to a set of
+terms (labels) or (heaven forbid) diagnoses, it becomes an
+externally-mediated concept rather than an actual personal identity. it
+becomes a surface-level conceptualization of what it means to be âmeâ,
+rather than a deep knowledge of oneâs self. it becomes a way to explain
+away the behaviours, quirks, idiosyncrasies, and more as due to a
+diagnosis or label or distinction of some other kind rather than the
+mild differences which we all hold from each other.</p>
+<p>i donât want it to be thought that i reject the comfort aspect of
+labels, however. i just think that there is so much more to identity
+than words and phrases. but i do think that this trend, ironically,
+serves to perpetuate what was antithetical to both marxâ and popperâs
+ideologies: it continues to create hierarchies and social distinctions
+which do nothing but hinder individuality at its purist form.</p>
+<h3 id="outro">outro</h3>
+<p>that about sums it up for this post. looking forward to writing my
+next one.</p>
+</body>
+</html>
diff --git a/non-work/w/index.html b/non-work/w/index.html
new file mode 100644
index 0000000..5da7711
--- /dev/null
+++ b/non-work/w/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel=stylesheet href=../styles-nonpro.css><title>Writing</title></head>
+<body>
+<div class=navbar>
+ <a href=../index.html>home</a>
+ <a href=../now/index.html>now</a>
+ <a href=../w/index.html>writing</a>
+ <a href=../r/index.html>read</a>
+ <a href=../m/index.html>math</a>
+ <a href=../p/index.html>projects</a>
+</div>
+<h1>writing</h1>
+<p>all opinions here are entirely my own and not endorsed by any employer, educational institution, or otherwise
+<ul>
+<li><a href="hello-world.html">hello, world!</a> - 01/02/2025 by thomas bruce</li>
+</ul>
+</body>
+</html>
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..2f6f0ce
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,33 @@
+
+body {
+ color: #fbf1c7;
+ background: #282828;
+ margin: 40px auto;
+ font-family: monospace;
+ font-size: 18px;
+ max-width: 650px;
+ padding: 0 10px;
+}
+
+h1 { line-height: 1.2; text-align: left; }
+h2, h3 { line-height: 1.2; border-bottom: 1px solid; }
+
+a {
+ color: #d79921;
+ text-decoration: none;
+ padding: 0.5em 0;
+}
+
+img {
+ width: 30%;
+}
+
+.navbar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-direction: row;
+ text-align: center;
+
+}
+