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

+
+
+
+
+
+

Articles

+
+
+

To be implemented...

+
+
+
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