bckelley/Web-Browser-Homepage
1
0
Fork 0
mirror of https://github.com/bckelley/Web-Browser-Homepage.git synced 2026-08-24 03:24:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

resize and change pics

Browse Source
This commit is contained in:
Kyle Capehart
2019-05-13 17:13:01 -04:00
parent 9e7e5e1291
commit fa2b1e6379
7 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Background/13.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 968 KiB

Background/23.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 101 KiB

Background/31.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 217 KiB

Background/32.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 MiB

Homepage.html
+5 -5
View File
@@ -19,31 +19,31 @@
<div class = "boxContainer">
<div id = "twitch" class = "boxes">
<a href = "https://www.twitch.tv/directory">
<img src = "Pictures\twitch.png" width = "100" height = "100" alt = "Twitch"/>
<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 = "100" height = "100" alt = "Youtube"/>
<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 = "100" height = "100" alt = "Netflix"/>
<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 = "100" height = "100" alt = "Reddit"/>
<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 = "100" height = "100" alt = "Amazon"/>
<img src = "Pictures\amazon.png" width = "75" height = "75" alt = "Amazon"/>
</a>
</div>
background.js
+4 -4
View File
@@ -1,9 +1,9 @@
function changeImage()
{
var fileList = ['1.jpg', '2.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg', '8.png', '9.jpg',
'10.jpg', '11.jpg', '12.jpg', '13.png', '14.jpg', '15.jpg', '16.jpg',
'18.jpg', '19.jpg', '21.jpg', '22.jpg', '23.png', '24.jpg', '25.jpg',
'26.jpg', '27.jpg', '28.jpg', '29.jpg', '30.jpg', '31.jpg', '32.jpg', '34.jpg'];
var fileList = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg', '8.png', '9.jpg',
'10.jpg', '11.jpg', '12.jpg', '13.png', '14.jpg', '15.jpg', '16.jpg', '17.jpg',
'18.jpg', '19.jpg', '20.jpg', '21.jpg', '22.jpg', '24.jpg', '25.jpg',
'26.jpg', '27.jpg', '28.jpg', '29.jpg', '30.jpg', '34.jpg'];
var len = fileList.length;
var index = Math.floor(Math.random() * len);
styleHomepage.css
+1 -4
View File
@@ -22,11 +22,7 @@ body {
}
.boxContainer {
position: absolute;
margin: auto;
height: 500px;
width: 100px;
top: 20%;
}
.boxes {
@@ -37,4 +33,5 @@ button {
background-color: black;
color: white;
border-color: grey;
width: 75px;
}