Cleaned up Directory

This commit is contained in:
Kyle Capehart
2018-03-20 20:59:28 -04:00
parent 716ccd1b02
commit be32d010d8
10 changed files with 0 additions and 192 deletions
Binary file not shown.
BIN
View File
Binary file not shown.
Binary file not shown.
BIN
View File
Binary file not shown.
Binary file not shown.
-56
View File
@@ -1,56 +0,0 @@
<!DOCTYPE html>
<!-- Developed by Kyle Capehart -->
<!-- Linked to styleHomepage.css -->
<!-- Linked to Roboto font on Google Font -->
<!-- TODO: Make the background image change every time it opens -->
<html>
<head>
<Title>Homepage</Title>
<link href = "styleHomepage.css" type = "text/css" rel = "stylesheet">
<link href = "https://fonts.googleapis.com/css?family=Roboto:400,700" rel = "stylesheet">
</head>
<div id = "clock">
<script src = "jquery-3.1.1.js"></script>
<script src = "clock.js"></script>
</div>
<div class = "boxContainer">
<div id = "innerBox">
<div id = "twitch" class = "boxes">
<a href = "https://www.twitch.tv/directory">
<img src = "Pictures\twitch.png" alt = "Twitch"/>
</a>
</div>
<div id = "youtube" class = "boxes">
<a href = "https://www.youtube.com/feed/subscriptions">
<img src = "Pictures\youtube.png" alt = "Youtube"/>
</a>
</div>
<div id = "netflix" class = "boxes">
<a href = "https://www.netflix.com/browse">
<img src = "Pictures\netflix.png" alt = "Netflix"/>
</a>
</div>
<div id = "reddit" class = "boxes">
<a href = "https://www.reddit.com/">
<img src = "Pictures\reddit.png" alt = "Reddit"/>
</a>
</div>
<div id = "amazon" class = "boxes">
<a href = "https://smile.amazon.com/">
<img src = "Pictures\amazon.png" alt = "Amazon"/>
</a>
</div>
</div>
</div>
</html>
-4
View File
@@ -1,4 +0,0 @@
function main()
{
alert("My First Jquery Test");
}
-13
View File
@@ -1,13 +0,0 @@
function background()
{
var img = $(".large-image > img").each(function() { // for each img found
var src = $(this).attr("src"); // get the src
var path = src.substring(0,src.lastIndexOf('/')); // get the path from the src
var fileName = src.substring(src.lastIndexOf('/')); // and filename
var newSrc = path+"/large"+fileName; // re-assemble
$(this).attr("src",newSrc);
});
}
$(document).ready(background);
-68
View File
@@ -1,68 +0,0 @@
function startTime()
{
// Get time values
var timeOfDay = "AM";
var today = new Date();
var hour = today.getHours();
var minute = today.getMinutes();
var second = today.getSeconds();
// Convert the time to a 12 hour clock
timeOfDay = convertTimeOfDay(hour, timeOfDay);
hour = convertHour(hour);
// Check time to adjust format
minute = checkTime(minute);
second = checkTime(second);
// Put time in the html document
document.getElementById('clock').innerHTML =
hour + ":" + minute + ":" + second + " " + timeOfDay;
// Call function again after specified amount of time
var t = setTimeout(startTime, 500);
}
function checkTime(i)
{
// Add a 0 for numbers less than 10
if (i < 10)
{
i = "0" + i
}
return i;
}
function convertTimeOfDay(hour, timeOfDay)
{
// Make the time AM or PM
if (hour > 12)
{
timeOfDay = "PM";
}
else
{
timeOfDay = "AM";
}
return timeOfDay;
}
function convertHour(hour)
{
// Convert it to a 12 hour clock
if (hour == 0)
{
hour = 12;
}
if (hour > 12)
{
hour = hour - 12;
}
return hour;
}
// Start the clock once the page has loaded
$(document).ready(startTime);
-51
View File
@@ -1,51 +0,0 @@
/* Linked to Homepage.html */
*
{
font-family: Roboto, "Arial Black", sans-serif;
line-height: 125%;
box-sizing: border-box;
}
html
{
background-image: url('Homepage\Pictures/Qb8b9UC.jpg');
background-size: cover;
/* background-color: #2d333d; */
}
#clock
{
font-size: 500%;
text-align: center;
text-shadow:
-1px -1px 0 white,
1px -1px 0 white,
-1px 1px 0 white,
1px 1px 0 white;
}
.boxContainer
{
margin: auto;
margin-top: 27%;
width: 100%;
height: 100%;
}
.boxes
{
width: 13%;
height: 13%;
display: inline-block;
}
.boxes img
{
width: 100%;
}
#twitch
{
margin-left: 16%;
}