mirror of
https://github.com/bckelley/Web-Browser-Homepage.git
synced 2026-08-24 03:24:13 -05:00
Minor changes
This commit is contained in:
ravi-aratchige
@@ -1,51 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<!-- Linked to styleHomepage.css -->
|
||||
<!-- Linked to Roboto font on Google Font -->
|
||||
<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">
|
||||
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||||
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
|
||||
<script src = "background.js"></script>
|
||||
<script src = "clock.js"></script>
|
||||
</head>
|
||||
|
||||
<div id = "clock"></div>
|
||||
|
||||
<div class = "boxContainer">
|
||||
<div id = "twitch" class = "boxes">
|
||||
<a href = "https://www.twitch.tv/directory">
|
||||
<img src = "Pictures\twitch.png" width = "75" height = "75" alt = "Twitch"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id = "youtube" class = "boxes">
|
||||
<a href = "https://www.youtube.com/feed/subscriptions">
|
||||
<img src = "Pictures\youtube.png" width = "75" height = "75" alt = "Youtube"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id = "netflix" class = "boxes">
|
||||
<a href = "https://www.netflix.com/browse">
|
||||
<img src = "Pictures\netflix.png" width = "75" height = "75" alt = "Netflix"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id = "reddit" class = "boxes">
|
||||
<a href = "https://www.reddit.com/">
|
||||
<img src = "Pictures\reddit.png" width = "75" height = "75" alt = "Reddit"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id = "amazon" class = "boxes">
|
||||
<a href = "https://smile.amazon.com/">
|
||||
<img src = "Pictures\amazon.png" width = "75" height = "75" alt = "Amazon"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<button onclick = "changeImage()" type = "button">Change Image</button>
|
||||
</div>
|
||||
|
||||
</html>
|
||||
@@ -1,5 +1,4 @@
|
||||
function startTime()
|
||||
{
|
||||
function startTime() {
|
||||
// Get time values
|
||||
var timeOfDay = "AM";
|
||||
var today = new Date();
|
||||
@@ -16,15 +15,13 @@ function startTime()
|
||||
second = checkTime(second);
|
||||
|
||||
// Put time in the html document
|
||||
document.getElementById('clock').innerHTML =
|
||||
hour + ":" + minute + ":" + second + " " + timeOfDay;
|
||||
document.getElementById('clock').innerHTML = hour + ":" + minute + ":" + second + " " + timeOfDay;
|
||||
|
||||
// Call function again after specified amount of time
|
||||
var t = setTimeout(startTime, 500);
|
||||
}
|
||||
|
||||
function checkTime(i)
|
||||
{
|
||||
function checkTime(i) {
|
||||
// Add a 0 for numbers less than 10
|
||||
if (i < 10)
|
||||
{
|
||||
@@ -34,8 +31,7 @@ function checkTime(i)
|
||||
return i;
|
||||
}
|
||||
|
||||
function convertTimeOfDay(hour, timeOfDay)
|
||||
{
|
||||
function convertTimeOfDay(hour, timeOfDay) {
|
||||
// Make the time AM or PM
|
||||
if (hour > 12)
|
||||
{
|
||||
@@ -49,18 +45,14 @@ function convertTimeOfDay(hour, timeOfDay)
|
||||
return timeOfDay;
|
||||
}
|
||||
|
||||
function convertHour(hour)
|
||||
{
|
||||
// Convert it to a 12 hour clock
|
||||
if (hour == 0)
|
||||
{
|
||||
function convertHour(hour) {
|
||||
// Display time in the 12-hour format
|
||||
if (hour == 0) {
|
||||
hour = 12;
|
||||
}
|
||||
if (hour > 12)
|
||||
{
|
||||
if (hour > 12) {
|
||||
hour = hour - 12;
|
||||
}
|
||||
|
||||
return hour;
|
||||
}
|
||||
|
||||
|
||||
+53
@@ -0,0 +1,53 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Get Started</title>
|
||||
<link href="styles.css" type="text/css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Inter" rel="stylesheet">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
|
||||
<script src="background.js"></script>
|
||||
<script src="clock.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="glass">
|
||||
<div id="clock"></div>
|
||||
</div>
|
||||
|
||||
<div class="boxContainer">
|
||||
<div id="twitch" class="boxes">
|
||||
<a href="https://www.twitch.tv/directory">
|
||||
<img src="Pictures\twitch.png" width="75" height="75" alt="Twitch"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="youtube" class="boxes">
|
||||
<a href="https://www.youtube.com/feed/subscriptions">
|
||||
<img src="Pictures\youtube.png" width="75" height="75" alt="Youtube"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="netflix" class="boxes">
|
||||
<a href="https://www.netflix.com/browse">
|
||||
<img src="Pictures\netflix.png" width="75" height="75" alt="Netflix"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="reddit" class="boxes">
|
||||
<a href="https://www.reddit.com/">
|
||||
<img src="Pictures\reddit.png" width="75" height="75" alt="Reddit"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="amazon" class="boxes">
|
||||
<a href="https://smile.amazon.com/">
|
||||
<img src="Pictures\amazon.png" width="75" height="75" alt="Amazon"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<button onclick="changeImage()" type="button">Change Image</button>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
/* Linked to Homepage.html */
|
||||
|
||||
* {
|
||||
font-family: Roboto, "Arial Black", sans-serif;
|
||||
font-family: 'Inter';
|
||||
}
|
||||
|
||||
body {
|
||||
Reference in New Issue
Block a user