Skip to content

Commit 21caaa4

Browse files
fiona-caifiona-cai
committed
eidts
1 parent 9dcca84 commit 21caaa4

8 files changed

+10
-201
lines changed

‎IMG_7572.HEIC

1.58 MB
Binary file not shown.

‎IMG_7581.HEIC

1.59 MB
Binary file not shown.

‎IMG_7582.HEIC

1.95 MB
Binary file not shown.

‎cropped_image (1).png

38.4 KB
Loading

‎ezgif.com-webp-to-png-converted.png

40.1 KB
Loading

‎fiona-stylesheet.css

+5-168
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ p {
6767
.header2 {
6868
color: #ffffff;
6969
padding-top: 10%;
70-
padding-bottom: 10%;
70+
padding-bottom: 1%;
7171
background-image: linear-gradient(180deg, var(--secondary) 0%, var(--primary) 100%), url("272_MarsInSight_poster-jpg.jpeg");
7272
}
7373

@@ -176,15 +176,15 @@ footer {
176176
text-align: center;
177177
min-height: auto;
178178
width: 100%;
179-
height: 10%;
179+
height: min-content;
180180
position: absolute;
181-
padding-top: 5px;
182-
background: linear-gradient(120deg, var(--dark) 0%, var(--darkest) 100%);
181+
padding-top: 10px;
182+
background: linear-gradient(0deg, var(--primary) 0%, var(--secondary) 100%);
183183
}
184184

185185
footer img {
186186
padding: 1%;
187-
height: 90%;
187+
height: 60px;
188188
}
189189

190190
.invert {
@@ -319,166 +319,3 @@ footer img {
319319
.gallery li:hover{
320320
top:0px;
321321
}
322-
323-
.gallery li:nth-child(1){
324-
transform:rotate(5deg);
325-
}
326-
327-
.gallery li:nth-child(2){
328-
transform:rotate(-5deg);
329-
}
330-
331-
.gallery li:nth-child(3){
332-
transform:rotate(2deg);
333-
}
334-
335-
.gallery li:nth-child(4){
336-
transform:rotate(-5deg);
337-
}
338-
.gallery li:nth-child(5){
339-
transform:rotate(3deg);
340-
}
341-
342-
.gallery li:nth-child(6){
343-
transform:rotate(-1deg);
344-
}
345-
346-
.gallery li:nth-child(7){
347-
transform:rotate(5deg);
348-
}
349-
350-
.gallery li:nth-child(8){
351-
transform:rotate(-3deg);
352-
}
353-
.gallery li:nth-child(9){
354-
transform:rotate(1deg);
355-
}
356-
.gallery li:nth-child(10){
357-
transform:rotate(-5deg);
358-
}
359-
.gallery li:nth-child(11){
360-
transform:rotate(5deg);
361-
}
362-
363-
.gallery li:nth-child(12){
364-
transform:rotate(-2deg);
365-
}
366-
367-
.gallery li:nth-child(13){
368-
transform:rotate(3deg);
369-
}
370-
371-
.gallery li:nth-child(14){
372-
transform:rotate(-4deg);
373-
}
374-
.gallery li:nth-child(15){
375-
transform:rotate(3deg);
376-
}
377-
.gallery li:nth-child(16){
378-
transform:rotate(5deg);
379-
}
380-
381-
.gallery li:nth-child(17){
382-
transform:rotate(-2deg);
383-
}
384-
385-
.gallery li:nth-child(18){
386-
transform:rotate(3deg);
387-
}
388-
389-
.gallery li:nth-child(19){
390-
transform:rotate(-4deg);
391-
}
392-
.gallery li:nth-child(20){
393-
transform:rotate(3deg);
394-
}
395-
.gallery li:nth-child(21){
396-
transform:rotate(5deg);
397-
}
398-
399-
.gallery li:nth-child(22){
400-
transform:rotate(-5deg);
401-
}
402-
403-
.gallery li:nth-child(23){
404-
transform:rotate(2deg);
405-
}
406-
407-
.gallery li:nth-child(24){
408-
transform:rotate(-5deg);
409-
}
410-
.gallery li:nth-child(25){
411-
transform:rotate(3deg);
412-
}
413-
414-
.gallery li:nth-child(26){
415-
transform:rotate(-1deg);
416-
}
417-
418-
.gallery li:nth-child(27){
419-
transform:rotate(5deg);
420-
}
421-
422-
.gallery li:nth-child(28){
423-
transform:rotate(-3deg);
424-
}
425-
.gallery li:nth-child(29){
426-
transform:rotate(1deg);
427-
}
428-
.gallery li:nth-child(30){
429-
transform:rotate(-5deg);
430-
}
431-
.gallery li:nth-child(31){
432-
transform:rotate(5deg);
433-
}
434-
435-
.gallery li:nth-child(32){
436-
transform:rotate(-5deg);
437-
}
438-
439-
.gallery li:nth-child(33){
440-
transform:rotate(2deg);
441-
}
442-
443-
.gallery li:nth-child(34){
444-
transform:rotate(-5deg);
445-
}
446-
.gallery li:nth-child(35){
447-
transform:rotate(3deg);
448-
}
449-
450-
.gallery li:nth-child(36){
451-
transform:rotate(-1deg);
452-
}
453-
454-
.gallery li:nth-child(37){
455-
transform:rotate(5deg);
456-
}
457-
458-
.gallery li:nth-child(38){
459-
transform:rotate(-3deg);
460-
}
461-
.gallery li:nth-child(39){
462-
transform:rotate(1deg);
463-
}
464-
.gallery li:nth-child(40){
465-
transform:rotate(-5deg);
466-
}
467-
.gallery li:nth-child(41){
468-
transform:rotate(5deg);
469-
}
470-
471-
.gallery li:nth-child(42){
472-
transform:rotate(-2deg);
473-
}
474-
475-
.gallery li:nth-child(43){
476-
transform:rotate(3deg);
477-
}
478-
479-
.gallery li:nth-child(44){
480-
transform:rotate(-4deg);
481-
}
482-
.gallery li:nth-child(45){
483-
transform:rotate(3deg);
484-
}

‎gallery.html

Whitespace-only changes.

‎index.html

+5-33
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<meta name="google-site-verification" content="CToAgd8F3aoMhV6_torySzyWfyrxqdLyph39HUPOip8" />
1111
<link rel="icon"
1212
type="image/png"
13-
href=images/rosefavicon.png?">
13+
href="cropped_image (1).png">
1414
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
1515
<link rel="stylesheet" href="fiona-stylesheet.css">
1616
<link rel="stylesheet" href="circles.css">
@@ -20,7 +20,7 @@
2020
<body class=theme>
2121

2222
<nav class="navbar sticky">
23-
<a href="https://fiona-cai.github.io/swordfish" class="active left"><img src="cropped_image.png" height="80%"></a>
23+
<a href="https://fiona-cai.github.io/swordfish" class="active left"><img src="cropped_image (1).png" height="80%"></a>
2424
<a class="left" style= "font-size: 100px; cursor: pointer; filter: opacity(90%);" onclick="openNav()" ><img src="https://www.alvincollege.edu/images/white_hamburger_4.png" height="45"></a>
2525
</nav>
2626

@@ -34,30 +34,8 @@
3434

3535
<div id="main">
3636
<header class='header' style='padding-top: 25%; padding-bottom: 10%;'>
37-
<ul class="circles">
38-
<li></li>
39-
<li></li>
40-
<li></li>
41-
<li></li>
42-
<li></li>
43-
<li></li>
44-
<li></li>
45-
<li></li>
46-
<li></li>
47-
<li></li>
48-
<li></li>
49-
<li></li>
50-
<li></li>
51-
<li></li>
52-
<li></li>
53-
<li></li>
54-
<li></li>
55-
<li></li>
56-
<li></li>
57-
<li></li>
58-
</ul>
5937
<h1 class="glow">Team Swordfish</h1>
60-
<h2>Is there water on Mars</h2>
38+
<h2>CanSat Team - Terrain Relative Navigation</h2>
6139
</header>
6240

6341
<div class='box' id="about">
@@ -117,7 +95,7 @@ <h2>Our Team</h2>
11795
<h2> Instagram</h2>
11896
<!-- SnapWidget -->
11997
<script src="https://snapwidget.com/js/snapwidget.js"></script>
120-
<iframe src="https://snapwidget.com/embed/1052949" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:100%; "></iframe>
98+
<iframe src="https://snapwidget.com/embed/1052949" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden;"></iframe>
12199
<button onclick= "window.open('https://instagram.com/team__swordfish','_blank')" class="font2 btn draw-border">
122100
<span>Visit Instagram</span>
123101
</button>
@@ -133,15 +111,9 @@ <h2> Instagram</h2>
133111
</svg>
134112
</div>
135113
</div>
136-
<header class="header2">
137-
<h1 class="glow">Let's go</h1>
138-
<h2>to Mars ong</h2>
139-
<button onclick= "window.open('./gallery','_blank')" class="continue font2 btn draw-border">
140-
<span>Continue</span>
141-
</button>
142-
</header>
143114

144115
<footer>
116+
<h1 class="glow">Contact Us</h1>
145117
<a href="mailto:[email protected]" class="invert"><img src="https://speakliveplay.com/wp-content/uploads/2019/06/email-icon-png-download-icons-logos-emojis-email-icons-2400.png"></a>
146118
<a href="https://instagram.com/team__swordfish" class="invert"><img src="https://www.edigitalagency.com.au/wp-content/uploads/new-Instagram-logo-black-glyph.png"></a>
147119
</footer>

0 commit comments

Comments
 (0)