first iteration of flask-app; index is working

7 files changed, 115 insertions, 0 deletions

diff --git a/static/images/favicon-16x16.png b/static/images/favicon-16x16.png
new file mode 100644
index 0000000..41b8244
--- /dev/null
+++ b/static/images/favicon-16x16.png
diff --git a/static/images/favicon-32x32.png b/static/images/favicon-32x32.png
new file mode 100644
index 0000000..b9484ab
--- /dev/null
+++ b/static/images/favicon-32x32.png
diff --git a/static/images/powerdebian.gif b/static/images/powerdebian.gif
new file mode 100644
index 0000000..1f617c8
--- /dev/null
+++ b/static/images/powerdebian.gif
diff --git a/static/images/vcss-blue.gif b/static/images/vcss-blue.gif
new file mode 100644
index 0000000..697fbfc
--- /dev/null
+++ b/static/images/vcss-blue.gif
diff --git a/static/index.md b/static/index.md
new file mode 100644
index 0000000..62398c7
--- /dev/null
+++ b/static/index.md
@@ -0,0 +1,17 @@
+## hi
+
+I'm a 27 year old graduate in business informatics. I made this website because
+I feel like too much of the internet is centered around social media and
+sometimes it feels as if the whole internet is only a handful of websites. Years
+back I really enjoyed browsing random websites created by people who just wanted
+to share their hobby, which made the web feel way more alive and individual than
+it is now. I still do this sometimes using [wiby.me](https://wiby.me). Maybe
+this website can encourage someone to create their own.  
+In my spare time I like to go climbing and do some programming on various
+projects. Occasionally I'll go on a walk in a random place I've never been in
+and take pictures. Maybe I'll add a photo album sometime later. You can read
+more about me [here](./about.html)
+
+## thoughts
+
+I'll sometimes post my thoughts. You can read them [here](./thoughts.html).
diff --git a/static/robots.txt b/static/robots.txt
new file mode 100644
index 0000000..1f53798
--- /dev/null
+++ b/static/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /
diff --git a/static/styles/style.css b/static/styles/style.css
new file mode 100644
index 0000000..f4b782f
--- /dev/null
+++ b/static/styles/style.css
@@ -0,0 +1,96 @@
+html {
+    background-color: #f1f1f1;
+    font-family: 'Open Sans', sans-serif;
+    font-size: small;
+}
+
+body {
+    background: #f1f1f1;
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-bottom: 0px;
+    position: relative;
+}
+
+footer {
+    padding: 300px 10px 5px 20px;
+    margin-bottom: 300px;
+    font-size: xx-small;
+    align-content: center;
+}
+
+#headerflex {
+    display: flex;
+}
+
+#headers {
+    flex-grow: 1;
+}
+
+header nav {
+    flex-grow: 1;
+    display: inline;
+}
+
+header div {
+    padding-left: 20px;
+    padding-bottom: 20px;
+}
+
+nav ul {
+    margin: 0;
+    padding: 0;
+}
+
+nav li {
+    display: inline-block;
+    list-style-type: none;
+}
+
+nav a {
+    text-decoration: none;
+    display: block;
+    padding: 5px 6px 5px 6px;
+    color: black;
+}
+
+#the_title {
+    text-decoration: none;
+    color: black;
+}
+
+#the_title h1 {
+    padding-left: 6px;
+}
+
+#navbar {
+    text-align: left;
+    background-color: white;
+}
+
+#footer_banners {
+    display: flex;
+    align-items: center;
+}
+
+#wrapper {
+    background-color: #f1e7d5;
+    max-width: 974px;
+    min-width: 850px;
+    margin: auto;
+    margin-top: -10px;
+    padding: 30px;
+}
+
+#thoughts_list ul {
+    padding-left: 12px;
+    line-height: 20px;
+}
+
+#thoughts_list ul li {
+    list-style: none;
+}
+
+.header_linker {
+    font-size: x-small;
+}