Add basic site
This commit is contained in:
parent
d4efef793b
commit
74525b1222
BIN
src/.index.php.swp
Normal file
BIN
src/.index.php.swp
Normal file
Binary file not shown.
24
src/404.php
Normal file
24
src/404.php
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<?php include 'common/include.php' ?>
|
||||||
|
<title>Tyler Perkins - 404</title>
|
||||||
|
<link rel="stylesheet" href="error.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include 'common/header.php' ?>
|
||||||
|
|
||||||
|
<div class="error-div top-fade">
|
||||||
|
<div class="error-message">
|
||||||
|
<h1>404 - Resource not found</h1>
|
||||||
|
<p>The requested resource could not be found</p>
|
||||||
|
<span>
|
||||||
|
<button onclick="history.back()">Go back</button>
|
||||||
|
<button class="error-button"><a href="/" class="error-button">Go home</a></button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php include 'common/footer.php' ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
0
src/50x.php
Normal file
0
src/50x.php
Normal file
42
src/common/common.css
Normal file
42
src/common/common.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
@ -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%;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,35 @@
|
|||||||
|
<footer>
|
||||||
|
<link rel="stylesheet" href="/common/footer.css">
|
||||||
|
<div class="footer">
|
||||||
|
<div class="footer-sections">
|
||||||
|
<div style="width: 85%;">
|
||||||
|
<h4 style="margin-bottom: 5px;">Contact</h4>
|
||||||
|
<div id="contact" class="footer-link-list">
|
||||||
|
<a href="mailto:tperki17@kent.edu" target="_blank" rel="noopener noreferrer">Email</a>
|
||||||
|
<a href="https://www.linkedin.com/in/tyler-perkins-xyz/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
|
||||||
|
<a href="https://github.com/Clortox" target="_blank" rel="noopener noreferrer">Github</a>
|
||||||
|
<a href="https://wireless2.fcc.gov/UlsApp/UlsSearch/license.jsp?licKey=4524190" target="_blank" rel="noopener noreferrer">Ham Radio</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="width: 85%;" class="footer-middle-block">
|
||||||
|
</div>
|
||||||
|
<div style="width: 85%;">
|
||||||
|
<h4 style="margin-bottom: 5px;">More Services</h4>
|
||||||
|
<div class="footer-link-list">
|
||||||
|
<a href="https://git.clortox.com" target="_blank" rel="noopener noreferrer">Git</a>
|
||||||
|
<a href="https://wiki.clortox.com" target="_blank" rel="noopener noreferrer">Wiki</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright">
|
||||||
|
<?php
|
||||||
|
$year = date("Y");
|
||||||
|
echo '<p style="text-align: center; padding-bottom: 0px; margin-bottom: 0px;"><small>Copyright © ' . $year . ' Tyler Perkins All Rights Reserved</small></p>';
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</footer>
|
||||||
@ -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;
|
||||||
|
|
||||||
|
}
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
<header>
|
||||||
|
<link rel="stylesheet" href="/common/header.css">
|
||||||
|
<nav class="navbar sticky">
|
||||||
|
<a href="/">Home</a>
|
||||||
|
<a href="/Resume.pdf">Resume</a>
|
||||||
|
<a href="https://git.clortox.com">Git</a>
|
||||||
|
<a href="/utilities/">Utilities</a>
|
||||||
|
<a href="https://wiki.clortox.com">Wiki</a>
|
||||||
|
|
||||||
|
<div class="navbar-right">
|
||||||
|
<a href="#contact">Contact</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
<!-- Standard meta tags -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="author" content="Tyler Perkins">
|
||||||
|
|
||||||
|
<!-- Fonts and styles -->
|
||||||
|
<link rel="stylesheet" href="/common/common.css">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Lekton" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Molengo" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- JS -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
||||||
27
src/error.css
Normal file
27
src/error.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
BIN
src/img/webb-dark.png
Normal file
BIN
src/img/webb-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
59
src/index.css
Normal file
59
src/index.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
@ -3,11 +3,27 @@
|
|||||||
<head>
|
<head>
|
||||||
<?php include 'common/include.php' ?>
|
<?php include 'common/include.php' ?>
|
||||||
<title>Tyler Perkins - Home</title>
|
<title>Tyler Perkins - Home</title>
|
||||||
|
<link rel="stylesheet" href="index.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<?php include 'common/header.php' ?>
|
<?php include 'common/header.php' ?>
|
||||||
|
|
||||||
<h1>Hello world!</h1>
|
<div class="centered top-fade">
|
||||||
|
<div class="index-item single-column">
|
||||||
|
<h1>Hi, I'm Tyler</h1>
|
||||||
|
<p>I'm a software developer and tinkerer</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="centered">
|
||||||
|
<div class="index-item soft-background articles-box">
|
||||||
|
<div>
|
||||||
|
<h3>Articles</h3>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>To be implemented...</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<?php include 'common/footer.php' ?>
|
<?php include 'common/footer.php' ?>
|
||||||
|
|||||||
1
src/utilities/index.php
Normal file
1
src/utilities/index.php
Normal file
@ -0,0 +1 @@
|
|||||||
|
<p>kek</p>
|
||||||
Reference in New Issue
Block a user