-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
52 lines (41 loc) · 1.72 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello world!</title>
<link rel="stylesheet" href="/styles.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background: url('/images/7.gif');">
<div id="nametag" class="nametag">
<div id="nametag__header" class="nametag__header" style="background: black;">
<span class="nametag__header__hello">HELLO</span>my name is
</div>
<!-- Your chosen icon goes here. Change the character in the <div> to set it! This is a font, so each glyph is represented by a character. -->
<div id="icon" class="icon">z</div>
<!-- Your name here! -->
<h1>Gina Giampaolo</h1>
<!-- Why are you excited about p2p? Share something here! -->
<p class="why-p2p">I'm excited about the peer to peer web because...</p>
<p>It feels like 1997 in the best way.</p>
<!-- Your dat hash will be placed within this <div> when the page renders -->
Share with your neighbor! <p id="url"></p>
<p>
Want to learn more about how this website works? <a id="library-url">View the source!</a>
</p>
<!-- Style edit buttons! You can remove these or comment them out once you've chosen your styles, if you want -->
<button id="change-color">
Change color
</button>
<button id="change-icon">
Change icon
</button>
<button id="change-pattern">
Change pattern
</button>
<div id="nametag__footer" class="nametag__footer" style="background: black;"></div>
</div>
</body>
<script type="application/javascript" src="script.js"></script>
</html>