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

init commit

Browse Source
This commit is contained in:
Wyatt Miller
2018-05-18 07:38:59 -04:00
commit f7e7f7b652
28 changed files with 6869 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/about.php Normal file
View File

@ -0,0 +1,31 @@
<head>
<title>Wyatt J. Miller - Home</title>
<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> <script src="main.js"></script>
<script src="main.js"></script>
</head>
<body>
<?php require "header.php";?>
<div class="col-xs-12">
<div class="main-section">
<div class="about-background">
<h2>About</h2>
<p>Hi there everybody. I'm Wyatt Miller, a programmer, a gamer, and a college student.</p>
<p>I think I'll post my resume up here so I don't have to explain what I'm like. lol.</p>
<p>I've worked in places where there's flashing lights and fans blowing hot air and you are really chilled to the bone. That's right, I've worked in IT. Let me tell you, IT is not a walk in the park compared to other jobs out there. Sure, you are around like-minded people that enjoy your company and you get to mess with the latest and greatest of technologies, but when you get down to it, it is hard. Griping with angry or upset customers and clients while trying to help politely and effectively is very difficult. When I get home after a work day, I just wanna take a nap or binge watch anime till I fall asleep. For me, though, IT is really fun.</p>
<p>As a programmer, I always think of the big picture, cross platform. That's why my language of choice is either Python or Ruby. I would say Java too but Java is garbage, I'll talk about that later blog post. Yeah, I do program in C#, C and C++ before that, but that is more of futuristic approach to programming language as a whole with .NET Core. .NET Core is gift sent down from the gods, bringing with it cross platform-ability, ASP .NET Core, Visual Basic Core, and others. People should get on that shit ASAP. I know I am. Yeah, compiled languages are cool too but you have set up cross compiling and you have to grab a separate machine for testing (or a VM if your computer is beefy enough lol) and yeah, that's a mess, I don't toy with that. When I have an actual job, maybe I'll get a build server, I don't know. In college, I'm studying C#/.NET, HTML/CSS/JS, and MSSQL, in part of getting my CIT degree, which has been a bumpy ride, let me tell you.</p>
<p>Anime binge watching is past time of mine as I find the animation very different from, let's say Pixar and Sony, do their animation. Plus, story telling in anime is really thought out and blows my mind most times. The exceptions I can give is No Game No Life and One Punch Man because I predict what is going to happen at the end of each episode. But, criticisms aside, I like watching Japanese animation whenever get the chance.</p>
<p>Gaming is what I'm doing if I'm not programming. Those part of the whole PCMasterRace, I don't take part in it. I believe you make people fell bad for having a console when they prefer console. Yeah, I do game on a PC but I like console games as well. Anywhere from retro games made in the 80's/90's to AAA games, both PC and console, are fantastic. My favorite games are: FEZ, Doom, Undertale, Final Fantasy VI, and Super Mario World. Okay so you're probably disappointed that Final Fantasy VII and Super Mario 64 aren't on my best games list. If Final Fantasy VII had a better villain, it would beat VI. Super Mario World is a nostalgia trip for me every time I play since I started playing it when I was one. Sorry, my opinion would've been different if it wasn't for my uncle who had an SNES at the time of my infancy. Some people are complaining that Undertale is on my best games list as well. To sum it up, I had the most thrilling time with Undertale and I wasn't bombarded by spoilers like the people complaining. Suck it up. If you have a game you think I should try out, leave a comment and I'll try it out (except CoD, do NOT suggest CoD to me).</p>
<p>I'll be adding more to this page so more is going to fill your eyeholes! I'm the eyehole man, nobody takes my eyeholes (anyone that guess that reference is going to be my best friend lol). </p>
<p>Later.</p>
<p>If you want my resume, I'll be posting that soon along with my cover letter.</p>
</div>
</div>
</div>
<?php require "footer.php";?>
</body>

24
src/footer.php Normal file
View File

@ -0,0 +1,24 @@
<html>
<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>
<div class="col-xs-12">
<div class="footer">
<p>My socials -
<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"); ?> Entourage Solutions, Wyatt J. Miller - Licensed by the <a href="https://opensource.org/licenses/MIT">MIT</a></p>
</div>
</div>
</body>
</html>

26
src/header.php Normal file
View File

@ -0,0 +1,26 @@
<html>
<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>
<div class="col-xs-12">
<div class="header">
<div class="header-title">
<h1>Wyatt J. Miller</h1>
</div>
<nav class="nav nav-pills nav-justified">
<a class="nav-item nav-link" href="/">Home</a>
<a class="nav-item nav-link" href="about.php">About</a>
<a class="nav-item nav-link" href="https://github.com/wymillerlinux?tab=repositories">Projects</a>
<a class="nav-item nav-link" href="mailto:wjmiller2016@gmail.com">Contact</a>
</nav>
</div>
</div>
</body>
</html>

27
src/index.php Normal file
View File

@ -0,0 +1,27 @@
<html>
<head>
<title>Wyatt J. Miller - Home</title>
<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> <script src="main.js"></script>
<script src="main.js"></script>
</head>
<body>
<?php require "header.php"; ?>
<div class="col-xs-12">
<div class="main-section">
<div class="main-background">
<h2 class="main-background-header">Hi, I'm Wyatt Miller!</h2>
<p class="main-background-text">I am a web designer, a programmer, a gamer, a chillax-er, but most importantly, I am a go-getter.</p><br>
<p class="main-background-text">There's nothing much here on the home page but if you click or tap on the buttons below my name, you can view all sorts of things about yours truly. Go explore!</p>
<p class="main-background-text"></p>
</div>
</div>
</div>
<?php require "footer.php"; ?>
</body>
</html>

27
src/main.js Normal file
View File

@ -0,0 +1,27 @@
/*
main.js, for all global functions throughout the site
Created by Wyatt J. Miller, published by Entourage Solutions
Hey there, nice to see you! There's nothing here so why don't you fuck off??
*/
function mediaDetect(){
var ScreenWidth = window.screen.width;
var ScreenHeight = window.screen.height;
console.log("width: " + ScreenWidth);
console.log("height: " + ScreenHeight);
if (ScreenWidth < 768){
console.log("user has a phone!");
} else if (ScreenWidth < 992) {
console.log("user has a tablet!");
} else if (ScreenWidth < 1200) {
console.log("user has a desktop!");
} else if (ScreenWidth < 2048) {
console.log("user has a hd display!");
} else if (ScreenWidth < 4096) {
console.log("user has a display greater than fhd!");
} else {
console.log("what do you spend your money on?")
}
}

49
src/style.css Normal file
View File

@ -0,0 +1,49 @@
/* Imports */
@import url('https://fonts.googleapis.com/css?family=Oswald|Pacifico|Ubuntu|Kavivanar');
/* Global rules */
/* Elements */
html {}
body {}
h1,h2,h3,h4,h5,h6 {}
a {color: white !important;}
a:hover {color: seashell !important;}
/* IDs */
#twitch-embed {text-align: center;}
/* Classes */
.header {background-color: #4c4e51;}
.header-title {color: whitesmoke;}
.header-title h1 {font-family: "Pacifico", cursive; font-size: 72px; text-align: center; margin: 0; padding: 35px;}
.footer {font-family: "Oswald", sans-serif; background-color: #4c4e51; padding: 20px;}
.footer p {font-size: 20px; color: white; text-align: center; padding: 5px;}
.footer a {color: white; text-decoration-color: white; text-decoration-line: none;}
.footer a:hover {color: white;}
.main-section {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 p {font-family: "Kavivanar", cursive; position: relative; font-size: 36px; color: white; text-align: center;}
.about-background h2 {position: relative; font-size: 24px; color: white;}
.about-background p {position: relative; font-size: 20px; color: white;}
.nav-pills .nav-link {font-size: 24px; background-color: #f08080 !important; border-radius: 0 !important; border-style: solid; border-width: 2px; border-color: black;}
.nav-link a {color: white; text-decoration-color: white;}
.nav-pills .nav-link a:hover {text-decoration-color: white;}
a.nav-item.nav-link {font-family: "Ubuntu", cursive; font-size: 30px;}
/*Media queries*/
@media (min-width: 768px){
.main-section {padding: 50px 10px;}
.main-section h2 {text-align: left;}
}
@media (min-width: 992px){
.main-section {padding: 70px 10px;}
}
@media (min-width: 1200px){
.main-section {padding: 90px 200px;}
.main-section h2 {text-align: center;}
}

BIN
src/tracks.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 805 KiB

19
src/twitch-player.js Normal file
View File

@ -0,0 +1,19 @@
/*
Twitch player for my personal site
Created by Wyatt J. Miller, published by Entourage Solutions
Made possible by the folks at Twitch, thanks guys ;)
Licensed by the MIT
*/
new Twitch.Embed("twitch-embed", {
theme: "dark",
chat: "mobile",
width: "80%",
height: "50%",
channel: "wymillerlinux"
});
var follow = document.getElementById("twitch-follow");
follow.addEventListener('click', function(user){
//code goes here
}, false);

24
src/twitch.php Normal file
View File

@ -0,0 +1,24 @@
<html>
<head>
<title>Wyatt J. Miller - Home</title>
<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> <script src="main.js"></script>
<script src="main.js"></script>
</head>
<body>
<?php require "header.php";?>
<div class="col-xs-12">
<div class="main-section">
<div id="twitch-embed"></div>
<script src="https://embed.twitch.tv/embed/v1.js"></script>
<script src="twitch-player.js"></script>
</div>
</div>
<?php require "footer.php";?>
</body>
</html>