diff --git a/src/.index.php.swp b/src/.index.php.swp
new file mode 100644
index 0000000..949360f
Binary files /dev/null and b/src/.index.php.swp differ
diff --git a/src/404.php b/src/404.php
new file mode 100644
index 0000000..b48d698
--- /dev/null
+++ b/src/404.php
@@ -0,0 +1,24 @@
+
+
+
+
+ Tyler Perkins - 404
+
+
+
+
+
+
+
+
404 - Resource not found
+
The requested resource could not be found
+
+
+
+
+
+
+
+
+
+
diff --git a/src/50x.php b/src/50x.php
new file mode 100644
index 0000000..e69de29
diff --git a/src/common/common.css b/src/common/common.css
new file mode 100644
index 0000000..371b197
--- /dev/null
+++ b/src/common/common.css
@@ -0,0 +1,42 @@
+body {
+ background: url("/img/webb-dark.png");
+ background-attachment: fixed;
+ margin: 0;
+ height: 100%;
+ padding-bottom: 0px;
+}
+
+h1, h2, h3, h4 {
+ font-family: 'Molengo', Georgia, Times, serif;
+ font-size: 56px;
+ line-height: 80px;
+ text-shadow: 1px 1px 1px grey;
+ color: white;
+}
+
+p, a, li, tr, td, span {
+ font-family: 'Lekton', Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 25px;
+ color: white;
+}
+
+button {
+ background: rgba(11,11,12,0.9);
+ border-radius: 3px;
+ color: white;
+ font-family: 'Lekton', Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 25px;
+ text-decoration: underline 0.1em rgba(255,255,255,0);
+ transition: 300ms;
+}
+
+button:hover {
+ background: rgba(33,33,36,1);
+
+}
+
+html {
+ scroll-behavior: smooth;
+}
diff --git a/src/common/footer.css b/src/common/footer.css
index e69de29..f3d2ef9 100644
--- a/src/common/footer.css
+++ b/src/common/footer.css
@@ -0,0 +1,62 @@
+.footer {
+ background: linear-gradient(rgba(11,11,12,0.2) 0%, rgba(11,11,12,1) 15%);
+ margin-bottom: 0px;
+ padding-bottom: 10px;
+ padding-top:10px;
+}
+
+.footer-sections {
+ display: grid;
+ align-content: center;
+ justify-content: center;
+ align-items: start;
+ justify-items: center;
+ grid-template-columns: 1fr 1fr 1fr;
+
+}
+
+.footer-link-list {
+ width: 100%;
+ margin: 0;
+ display: grid;
+ grid-template-columns: 1fr;
+ text-align: left;
+}
+
+.footer-link-list a {
+ width: 100%;
+ background: rgba(22,22,24,1);
+ border: grey;
+ border-width: 3px;
+ margin: 1px 0px;
+ padding: 15px;
+ text-decoration: underline 0.1em rgba(255,255,255,0);
+ transition: 300ms;
+}
+
+.footer-link-list a:hover {
+ text-decoration: underline 0.1em rgba(255,255,255,1);
+ background: rgba(33,33,36,1);
+}
+
+.footer-copyright {
+ margin: auto;
+
+}
+
+@media only screen and (max-width: 768px){
+ .footer-sections {
+ grid-template-columns: 1fr;
+ grid-template-rows: 1fr 1fr;
+ justify-items: center;
+ }
+
+ .footer-middle-block {
+ display: none;
+ }
+
+ .footer-link-list a {
+ width: 90%;
+
+ }
+}
diff --git a/src/common/footer.php b/src/common/footer.php
index e69de29..5098af6 100644
--- a/src/common/footer.php
+++ b/src/common/footer.php
@@ -0,0 +1,35 @@
+
diff --git a/src/common/header.css b/src/common/header.css
index e69de29..a40b992 100644
--- a/src/common/header.css
+++ b/src/common/header.css
@@ -0,0 +1,42 @@
+.navbar {
+ margin: 0;
+ background: rgb(11,11,12);
+ height: 3em;
+ border-color: white;
+ border-bottom: 5px;
+
+ overflow: hidden;
+
+ -ms-overflow-style: none;
+ scrollbar-width: none;
+}
+
+.navbar::-webkit-scrollbar{
+ display: none;
+}
+
+.sticky {
+ position: fixed;
+ top: 0;
+ width: 100%;
+}
+
+.navbar a {
+ float: left;
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 10px 10px;
+ text-decoration: underline 0.1em rgba(255,255,255,0);
+ transition: text-decoration 300ms;
+}
+
+.navbar a:hover {
+ text-decoration: underline 0.1em rgba(255,255,255,1);
+}
+
+.navbar-right {
+ float: right;
+ margin-right: 10px;
+
+}
diff --git a/src/common/header.php b/src/common/header.php
index e69de29..3db6706 100644
--- a/src/common/header.php
+++ b/src/common/header.php
@@ -0,0 +1,15 @@
+
diff --git a/src/common/include.php b/src/common/include.php
index e69de29..0252cd7 100644
--- a/src/common/include.php
+++ b/src/common/include.php
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/error.css b/src/error.css
new file mode 100644
index 0000000..b699ab3
--- /dev/null
+++ b/src/error.css
@@ -0,0 +1,27 @@
+.error-div{
+ height: 85vh;
+ width: 100vw;
+ display: grid;
+ align-content: center;
+ justify-content: center;
+ justify-items: center;
+ align-items: center;
+}
+
+.top-fade {
+ background: linear-gradient(rgba(11,11,12,1) 0%, rgba(11,11,12,0.9) 20%, rgba(0,0,0,0.1) 100%);
+
+}
+
+.error-button {
+ text-decoration: none;
+}
+
+
+.error-message {
+ text-align: center;
+}
+
+body {
+ overflow-x: hidden;
+}
diff --git a/src/img/webb-dark.png b/src/img/webb-dark.png
new file mode 100644
index 0000000..c175914
Binary files /dev/null and b/src/img/webb-dark.png differ
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..d77d621
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,59 @@
+.centered {
+ width: 100vw;
+ height: 100vh;
+
+ display: grid;
+ align-content: center;
+ justify-content: center;
+ justify-items: center;
+ align-items: center;
+}
+
+.top-fade {
+ background: linear-gradient(rgba(11,11,12,1) 0%, rgba(11,11,12,0.9) 20%, rgba(0,0,0,0.1) 100%);
+
+ border-bottom: 5px dashed white;
+}
+
+.single-column {
+ grid-template-columns: 1fr !important;
+}
+
+.single-column p {
+ margin-top: -20px;
+}
+
+.soft-background {
+ background: rgba(11,11,12, 0.3);
+ border-radius: 15px;
+ padding: 10px;
+
+}
+
+.index-item {
+ display: grid;
+ align-content: center;
+ justify-content: center;
+ justify-items: center;
+ align-items: center;
+ grid-template-columns: 1fr 1fr;
+ grid-template-rows: 1fr;
+}
+
+.articles-box {
+ width: 95vw;
+ height: 80vh;
+ margin: 5px;
+}
+
+@media only screen and (max-width: 768px){
+ .index-item {
+ grid-template-columns: 1fr;
+ grid-template-rows: 1fr 1fr;
+ justify-items: center;
+ }
+}
+
+body {
+ overflow-x: hidden;
+}
diff --git a/src/index.php b/src/index.php
index 8445216..cb9a470 100644
--- a/src/index.php
+++ b/src/index.php
@@ -3,11 +3,27 @@
Tyler Perkins - Home
+
- Hello world!
+
+
+
Hi, I'm Tyler
+
I'm a software developer and tinkerer
+
+
+
diff --git a/src/utilities/index.php b/src/utilities/index.php
new file mode 100644
index 0000000..214a739
--- /dev/null
+++ b/src/utilities/index.php
@@ -0,0 +1 @@
+kek