-
Notifications
You must be signed in to change notification settings - Fork 5
/
ServerWebsiteHTML-Raw
101 lines (88 loc) · 3.18 KB
/
ServerWebsiteHTML-Raw
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--This is the title of your webpage that is displayed
on the top of the browser -->
<title>Jenfoxbot's Local Web Server! </title>
<style>
div.img img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}
* {
box-sizing: border-box;
}
.responsive {
padding: 0 2px;
float: left;
width: 24.99999%;
}
@media only screen and (max-width: 700px){
.responsive {
width: 49.99999%;
margin: 6px 0;
}
}
@media only screen and (max-width: 500px){
.responsive {
width: 100%;
}
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
</style>
</head>
<body>
<!-- This is the heading at the top of the front page-->
<h2><center>
jenfoxbot's Web Server!
</center></h2>
<!-- This is the short description at the top-->
<h3><center>
Hosted on a Raspberry Pi :D
</center></h3>
<!-- This is the longer description at the top-->
<div><center>
<p>Depending on the position of the moon & stars*, this hotspot may or may not provide an Internet connection. </p>
<p>If there IS an Internet connection, check out <a href="http://www.foxbotindustries.com">jenfoxbot's website</a> and learn about the other cool stuff she does!</p>
<p><i>*And by position of the moon & stars we mean the current whims of the builder, jenfoxbot :)</i></p>
</center>
</div>
<!-- This is a table that sets up links to more pages in your website.-->
<div><center>
<div class="img">
<table>
<tr>
<!-- Headers for pages. Add more by adding more table headers after Books like this: <th>Your Table Header Here</th>-->
<th>Helpful Information</th>
<th>Books</th>
</tr>
<tr>
<!-- Links and images for internal HTML pages. Change the links by changing this text: href="internal/NewLinkHere.html"
Change the images by changing: src="images/NewImageTitleHere.jpg"-->
<td><a target="_top" href="internal/helpfulinfo.html"><img src="images/teddyBearInWoods.jpg" style="width:300px;height=300px"></a></td>
<td><a target="_top" href="internal/books.html"><img src="images/teddybearReadingBook.jpg" style="width:300px;height=300px"></a></td>
<tr>
<!--Brief description of each page on your website.-->
<td>A handful of handy documents like a survival guide and an overview of HTML :) </td>
<td>A few of my favorite books :D</td>
</table>
</div>
</center></div>
<!--Optional: A short description of this site at the bottom.-->
<div>
<h3>About this Site</h3>
<p>This website is a <strong>local web server</strong> that stores things I want to have access to if the Internet goes down. Or if I am traveling to a place with spotty WiFi and want to make sure I have access to certain books/documents. Or heck, if I'm moving and my ISP is taking its sweet time to get me hooked up to the Internet. Or, you know, if the weather decides that it is dismantling our cable infrastructure.</p>
<p>There are tons of reasons why this local network would be helpful! Those are a few of mine.</p>
<p>I also want to help folks get used to building web servers and hosting information so that we could ultimately build a public Internet!</p>
<p>Heck yes, power to the people :)</p>
</body>
</html>