wymiller/wyattjmiller.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added about page. happy new year again?

Browse Source
This commit is contained in:
Wyatt J. Miller 2018-12-31 20:53:23 -05:00
parent 9e25c0c37f
commit 4cb061d606
5 changed files with 61 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/about.php Normal file
View File

@ -0,0 +1,34 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
</head>
<body>
<?php require "header.php" ?>
<div class="col-xs-12">
<div class="main-section-about">
<div class="main-background">
<h2 class="main-background-text">You want to know about me?</h2><br>
<h4 class="main-background-text">December 2018 - Recieved acknowedglement of being on the Dean's List</h4>
<h4 class="main-background-text">December 2018 - KernalPanik was started!</h4>
<h4 class="main-background-text">December 2018 - <a href="https://github.com/wymillerlinux/DeskHubSharp">DeskHubSharp</a> was released!</h4>
<h4 class="main-background-text">September 2018 - Started Miller Web Solutions</h4>
<h4 class="main-background-text">June 2018 - This <a href="https://github.com/wymillerlinux/mywebsite">website</a> was released!</h4>
<h4 class="main-background-text">May 2018 - Recieved Assitant Developer certificate from Northwestern Michigan College</h4>
<h4 class="main-background-text">May 2017 - <a href="https://github.com/wymillerlinux/lftpd">lftpd</a> was released!</h4>
<h4 class="main-background-text">April 2017 - <a href="https://github.com/wymillerlinux/mtikrtr">mtikrtr</a> was released!</h4>
<h4 class="main-background-text">December 2016 - <a href="https://github.com/jtperreault/political_ties">Political Ties</a> was started!</h4>
<h4 class="main-background-text">May 2016 - Graduated Kalkaska High School</h4>
<h4 class="main-background-text">September 2015 - Started Information Technology internship in high school</h4><br>
<p class="main-background-text">Want to see my <a href="assets/resume.pdf">resume</a>?</p>
</div>
</div>
</div>
</div>
</div>
<?php require "footer.php" ?>
</body>

1
src/footer.php
View File

@ -14,7 +14,6 @@
<a id=twitter href="https://twitter.com/wymillerlinux"><i class="fab fa-twitter"></i></a>
<a id=twitch href="https://twitch.tv/wymillerlinux"><i class="fab fa-twitch"></i></a>
<a href="https://github.com/wymillerlinux"><i class="fab fa-github"></i></a>
<a href="https://plus.google.com/+WyattMillerLinux"><i class="fab fa-google-plus"></i></a>
</p>
<p>&copy <?php echo date("Y"); ?> Miller Web Solutions, Wyatt J. Miller - Licensed by the <a href="https://opensource.org/licenses/MIT">MIT</a></p>
</div>

2
src/header.php
View File

@ -15,7 +15,7 @@
</div>
<nav class="nav nav-pills nav-justified">
<a class="nav-item nav-link" href="/">Home</a>
<a class="nav-item nav-link" href="assets/resume.pdf" target="_blank">About</a>
<a class="nav-item nav-link" href="about.php" target="_blank">About</a>
<a class="nav-item nav-link" href="https://github.com/wymillerlinux?tab=repositories" target="_blank">Projects</a>
<a class="nav-item nav-link" href="mailto:wjmiller2016@gmail.com">Contact</a>
</nav>

5
src/index.php
View File

@ -16,9 +16,10 @@
<div class="main-section">
<div class="main-background">
<h2 id="time"></h2>
<p class="main-background-text">I write code. I do nothing special.</p><br>
<h2 id="new-year">Happy New Year! 2019!</h3><br>
<p class="main-background-text">I write code. I do some other cool stuff too.</p><br>
<p class="main-background-text">There's nothing much here except my <a href="https://github.com/wymillerlinux/DeskHubSharp" target="_blank">latest project</a> that I worked on. It's a GitHub client tool for viewing repositories once a user is searched.</p>
<p class="main-background-text"></p>
<!--p class="main-background-text"></p-->
</div>
</div>
</div>

24
src/style.css
View File

@ -23,8 +23,27 @@ a:hover {color: seashell !important;}
.footer a:hover {color: white;}
.main-section {position: relative; background-size: 100%; background-image: url("tracks.jpg"); background-color: black; padding: 30px 5px;}
.main-section-about {
position: relative;
background-size: 100%;
background-image: url("tracks.jpg");
background-color: black;
padding: 30px 5px;
}
.main-background {border-radius: 25px; padding: 25px;}
.main-background h2 {font-family: "Kavivanar", cursive; position: relative; font-size: 54px; color: white; text-align: center;}
.main-background h3 {
font-family: "Kavivanar", cursive;
position: relative;
color: white;
text-align: center;
}
.main-background h4 {
font-family: "Kavivanar", cursive;
position: relative;
color: white;
text-align: center;
}
.main-background p {font-family: "Kavivanar", cursive; position: relative; font-size: 36px; color: white; text-align: center;}
.main-background-text a {
color: #ff9999 !important;
@ -42,12 +61,15 @@ a.nav-item.nav-link {font-family: "Oswald", cursive; font-size: 30px;}
/*Media queries*/
@media (min-width: 768px){
.main-section {padding: 50px 10px;}
.main-section-about {padding: 30px 5px;}
}
@media (min-width: 992px){
.main-section {padding: 70px 10px;}
.main-section-about {padding: 50px 10px;}
}
@media (min-width: 1200px){
.main-section {padding: 124px 200px;}
.main-section h2 {text-align: center;}
.main-section h3 {text-align: center;}
.main-section-about {padding: 90px 125px;}
}