updated da site yo
This commit is contained in:
parent
f346cb3f27
commit
ad2d8d4086
@ -1,5 +1,5 @@
|
|||||||
# wyattjmiller.com Dockerfile
|
# wyattjmiller.com Dockerfile
|
||||||
# Created by Wyatt J. Miller, published by Entourage Solutions
|
# Created by Wyatt J. Miller, published by Miller Web Solutions
|
||||||
# Licensed by the MIT
|
# Licensed by the MIT
|
||||||
#
|
#
|
||||||
# Copying files in the dockerfile is kind of a mess. Actually not really.
|
# Copying files in the dockerfile is kind of a mess. Actually not really.
|
||||||
|
@ -17,9 +17,9 @@
|
|||||||
<div class="col-xs-12">
|
<div class="col-xs-12">
|
||||||
<div class="main-section">
|
<div class="main-section">
|
||||||
<div class="main-background">
|
<div class="main-background">
|
||||||
<h2 class="main-background-header">Hello there!</h2>
|
<h2 class="main-background-header">Hello there, people!</h2>
|
||||||
<p class="main-background-text">I am a web designer, a programmer, a gamer, but most importantly, I am a go-getter.</p><br>
|
<p class="main-background-text">I write code. I do nothing special.</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">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>
|
</div>
|
||||||
|
43
src/main.js
43
src/main.js
@ -27,48 +27,15 @@ function mediaDetect(){
|
|||||||
}
|
}
|
||||||
|
|
||||||
function whatTimeIsIt() {
|
function whatTimeIsIt() {
|
||||||
var death = new Date();
|
console.log(Intl.DateTimeFormat().resolvedOptions().timeZone);
|
||||||
var timezone = death.getTimezoneOffset();
|
|
||||||
var getHoursOffset;
|
|
||||||
var getMinutesOffset;
|
|
||||||
var getSecondsOffset;
|
|
||||||
|
|
||||||
if (navigator.geolocation) {
|
|
||||||
navigator.geolocation.getCurrentPosition();
|
|
||||||
} else {
|
|
||||||
print("Geolocation is not supported. Update your shit.");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// working on getting user location and setting timezone to said location
|
|
||||||
function timezoneOffset(zone){
|
|
||||||
var offset = Math.abs(zone/60);
|
|
||||||
|
|
||||||
var getHoursOffset = death.getHours + offset;
|
|
||||||
var getMinutesOffset = death.getMinutes + offset;
|
|
||||||
var getSecondsOffset = death.getSeconds + offset;
|
|
||||||
|
|
||||||
return getHoursOffset, getMinutesOffset, getSecondsOffset;
|
|
||||||
}
|
|
||||||
|
|
||||||
function isPastNoon(){
|
|
||||||
if (death.getHours() > 12) {
|
|
||||||
print(death.getHours() - 12);
|
|
||||||
} else {
|
|
||||||
print(death.getHours());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//timezoneOffset(timezone);
|
|
||||||
console.log(timezone);
|
|
||||||
print(isPastNoon(), ":", death.getMinutes(), ":", death.getSeconds());
|
|
||||||
print(isPastNoon(), getHoursOffset(), getMinutesOffset(), getSecondsOffset());
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function backToTop(){
|
function backToTop(){
|
||||||
// code goes here
|
// code goes here
|
||||||
// this function has a button where js moves the page/screen back to the top
|
// this function has a button where js moves the page/screen back to the top
|
||||||
}
|
}
|
||||||
|
|
||||||
//mediaDetect();
|
//mediaDetect();
|
||||||
//whatTimeIsIt();
|
var time = document.getElementById("load");
|
||||||
|
time.addEventListener("load", whatTimeIsIt, false);
|
||||||
|
|
||||||
|
whatTimeIsIt();
|
||||||
|
@ -17,7 +17,7 @@ a:hover {color: seashell !important;}
|
|||||||
.header-title {color: whitesmoke;}
|
.header-title {color: whitesmoke;}
|
||||||
.header-title h1 {font-family: "Pacifico", cursive; font-size: 72px; text-align: center; margin: 0; padding: 35px;}
|
.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 {font-family: "Oswald", sans-serif; background-color: #4c4e51; padding: 20px; position: sticky; width: 100%; bottom: 0;}
|
||||||
.footer p {font-size: 20px; color: white; text-align: center; padding: 5px;}
|
.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 {color: white; text-decoration-color: white; text-decoration-line: none;}
|
||||||
.footer a:hover {color: white;}
|
.footer a:hover {color: white;}
|
||||||
@ -26,6 +26,9 @@ a:hover {color: seashell !important;}
|
|||||||
.main-background {border-radius: 25px; padding: 25px;}
|
.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 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;}
|
.main-background p {font-family: "Kavivanar", cursive; position: relative; font-size: 36px; color: white; text-align: center;}
|
||||||
|
.main-background-text a {
|
||||||
|
color: #ff9999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
.about-background h2 {position: relative; font-size: 24px; color: white;}
|
.about-background h2 {position: relative; font-size: 24px; color: white;}
|
||||||
.about-background p {position: relative; font-size: 20px; color: white;}
|
.about-background p {position: relative; font-size: 20px; color: white;}
|
||||||
@ -39,12 +42,12 @@ a.nav-item.nav-link {font-family: "Oswald", cursive; font-size: 30px;}
|
|||||||
/*Media queries*/
|
/*Media queries*/
|
||||||
@media (min-width: 768px){
|
@media (min-width: 768px){
|
||||||
.main-section {padding: 50px 10px;}
|
.main-section {padding: 50px 10px;}
|
||||||
.main-section h2 {text-align: left;}
|
|
||||||
}
|
}
|
||||||
@media (min-width: 992px){
|
@media (min-width: 992px){
|
||||||
.main-section {padding: 70px 10px;}
|
.main-section {padding: 70px 10px;}
|
||||||
}
|
}
|
||||||
@media (min-width: 1200px){
|
@media (min-width: 1200px){
|
||||||
.main-section {padding: 90px 200px;}
|
.main-section {padding: 124px 200px;}
|
||||||
.main-section h2 {text-align: center;}
|
.main-section h2 {text-align: center;}
|
||||||
}
|
}
|
@ -13,16 +13,6 @@ new Twitch.Embed("twitch-embed", {
|
|||||||
channel: "wymillerlinux"
|
channel: "wymillerlinux"
|
||||||
});
|
});
|
||||||
|
|
||||||
var follow = document.getElementById("twitch-follow");
|
|
||||||
<<<<<<< HEAD
|
|
||||||
follow.addEventListener("click", function() {
|
|
||||||
//code goes here
|
|
||||||
=======
|
|
||||||
follow.addEventListener("click", function(user){
|
|
||||||
this.user = user;
|
|
||||||
>>>>>>> 05b1d079479a667e15c6dcf18f1eb132b19c3849
|
|
||||||
}, false);
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
var a = 42;
|
var a = 42;
|
||||||
var b = Number(a);
|
var b = Number(a);
|
||||||
|
Loading…
Reference in New Issue
Block a user