-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnew_page.html
123 lines (110 loc) · 3.77 KB
/
new_page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="favicon2.ico">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<title>About This Webpage</title>
</head>
<center>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--<style>
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
.topnav {
overflow: hidden;
background-color: #333;
}
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #800080;/* here are some alt color codes FF0000, 800080, FFC000 */
color: white;
}
</style>
<div class="topnav">
<a href="index.html">Home</a>
<a href="Updates.html">Updates</a>
<a class ="active" href="new_page.html">Site History</a>
<a href="github.html">About Me</a>
</div> -->
<div class="navbar">
<ul>
<li>
<a href="index.html">
<i class='bx bx-home icon'></i>
<i class='bx bxs-home activeIcon'></i>
</a>
</li>
<li>
<a href="github.html">
<i class='bx bx-user icon'></i>
<i class='bx bxs-user activeIcon'></i>
</a>
</li>
<li>
<a href="Updates.html">
<i class='bx bx-heart icon'></i>
<i class='bx bxs-heart activeIcon'></i>
</a>
</li>
<li class="active">
<a href="new_page.html">
<i class='bx bx-cog icon'></i>
<i class='bx bxs-cog activeIcon'></i>
</a>
</li>
<div class="indicator"></div>
</ul>
</div>
<script>
const navBar = document.querySelector(".navbar")
allLi = document.querySelectorAll("li");
allLi.forEach((li, index) => {
li.addEventListener("click" , e =>{
navBar.querySelector(".active").classList.remove("active");
li.classList.add("active");
const indicator = document.querySelector(".indicator");
indicator.style.transform = `translateX(calc(${index * 90}px))`;
});
});
</script>
<div class="blurred"></div>
<div class="middlecoversecond">
<!-- Here be dragons -->
<!-- 99 little bugs in the code,
99 little bugs in the code.
Take one down, patch it around
117 little bugs in the code-->
<center>
<h1>About This Webpage</h1>
</center>
<p>I made the first version of this website in 6th grade on a site called <a href="https://trinket.io/html/66492eb31a">Trinket.io</a>. After I made the orginal version of the site I pushed a major update because we just learned how to add nav bars and backgrounds to a site. At the time of that update the site was very <strong>VERY</strong> unstable. After 6th grade ended I abandoned the site to work on other stuff during the summer. At the start of 7th grade I found out about Neocities and ported all of my code from Trinket to Neocities. The change to Neocities broke a lot of things that I made in Trinket. For example you can see that I have the removed broken web elements on the updates page. That was added because Neocities did not like to display ↓ which should display as the down arrow. Now at the time of me writing this its <strike>the end of 8th grade</strike> my freshman year of highschool and im pushing small stability updates to this site every couple days and major ones every 2 ish weeks. <i>Best regards, Briged McCarthy</i></p>
<p>Contact me at [email protected]</p>
</div>
<!-- Pre April 2024 design revamp nav ui
<h1>HYPERLINKS</h1>
<header>
<nav>
<ul>
<li>
<a href="index.html">Home</a> <a href="new_page.html">About</a> <a href="Updates.html">Updates</a> <a href="github.html">Github</a>
</li>
</ul>
</nav>
</header> -->
</center>
<div class="blurred"></div>
</html>