Skip to content

Commit 4a0f79c

Browse files
BeaEllieFionaMichelleBeaEllieFionaMichelle
authored
Merge pull request #51 from sethcwhiting/Wirepiggie
Added Links to government websites
2 parents 655d434 + 2d92c3d commit 4a0f79c

File tree

2 files changed

+72
-13
lines changed

2 files changed

+72
-13
lines changed

‎2024/KurtisCollins/index.html

+14-4
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,18 @@
99
</head>
1010
<body>
1111

12+
13+
<div class="cover-image">
14+
<a class="FBILogo" href="https://fbi.gov" target="_blank"></a>
15+
<a class="DOJLogo" href="https://justice.gov" target="_blank"></a>
16+
<a class="NCALogo" href="https://www.nationalcrimeagency.gov.uk/" target="_blank"></a>
17+
<a class="DCISLogo" href="https://www.dodig.mil/Components/DCIS/" target="_blank"></a>
18+
<a class="POLITIELogo" href="https://www.politie.nl/en" target="_blank"></a>
19+
20+
</div>
21+
22+
23+
1224
<header class="header-container">
1325
<div class="logo" id="logo">Kurtis Collins</div>
1426
<nav class="navigation">
@@ -34,7 +46,7 @@
3446
<div class="item__info">
3547
<!--p class="item__year"><span>Happy Little Accidents</span></p-->
3648
<p class="item__name"><span>Happy Little Accidents</span></p>
37-
<a href="http://happylittleaccidents.net:1111/" class="btn"><span>Discover more</span></a>
49+
<a href="https://gpcs.live" class="btn"><span>Discover more</span></a>
3850
</div>
3951
</div>
4052

@@ -57,9 +69,7 @@ <h2>Graduation Countdown</h2>
5769
<div id="countdown"></div>
5870
</section>
5971

60-
<div class="cover-image">
61-
<img src="Images/seized.png" alt="Cover Image"/>
62-
</div>
72+
6373

6474
</body>
6575
</html>

‎2024/KurtisCollins/styles.css

+58-9
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,67 @@
11

22
/*Seized*/
33
.cover-image {
4-
position: fixed;
5-
top: 0;
6-
left: 0;
7-
width: 100%;
4+
/* Full height and width */
5+
background-image: url("Images/seized.png");
6+
background-size: contain;
87
height: 100%;
9-
z-index: 9999; /* Ensure the image is above other elements */
8+
width: 100%;
9+
background-position: center;
10+
background-repeat: no-repeat;
11+
background-color: black;
12+
margin: 0;
13+
padding: 0;
14+
overflow: hidden;
15+
position: fixed;
16+
display: flex;
17+
justify-content: center;
18+
align-items: center;
19+
z-index: 9999;
1020
}
1121

12-
.cover-image img {
13-
width: 100%;
14-
height: 100%;
15-
object-fit: cover; /* Ensure the image covers the entire area */
22+
.FBILogo {
23+
position: fixed;
24+
top: 47.5%;
25+
left: 43%;
26+
width: 14vw;
27+
height: 14vw;
28+
border-radius: 50%;
29+
z-index: 101;
30+
}
31+
.DOJLogo {
32+
position: fixed;
33+
top: 62%;
34+
left: 29%;
35+
width: 8vw;
36+
height: 8vw;
37+
border-radius: 50%;
38+
z-index: 101;
39+
}
40+
.NCALogo {
41+
position: fixed;
42+
top: 62%;
43+
left: 66%;
44+
width: 8vw;
45+
height: 8vw;
46+
border-radius: 50%;
47+
z-index: 101;
48+
}
49+
50+
.DCISLogo {
51+
position: fixed;
52+
top: 42%;
53+
left: 27%;
54+
width: 10vw;
55+
height: 5vw;
56+
z-index: 101;
57+
}
58+
.POLITIELogo {
59+
position: fixed;
60+
top: 42%;
61+
left: 63%;
62+
width: 14vw;
63+
height: 5vw;
64+
z-index: 101;
1665
}
1766

1867
/* Header */

0 commit comments

Comments
 (0)