summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorRyan Schanzenbacher <ryan@rschanz.org>2022-09-09 18:29:51 -0400
committerGitHub <noreply@github.com>2022-09-09 18:29:51 -0400
commit098fd71380e856b1cd1570e1cb482ef73c725cff (patch)
tree9257c3c13bc6139ca7af10d7837a73ae319b13ad
parentec436203e5166bb30d7975ac6a2bdf7cc7b204f3 (diff)
parentc552a6837becc2f0e75559fe391eeb90d19a3d2b (diff)
Merge pull request #3 from pws1453/main
external CSS, linux page, better stylez
Diffstat
-rw-r--r--arch.html26
-rw-r--r--css/main.css136
-rw-r--r--index.html164
-rw-r--r--index_files/Tux_Mono.svg.pngbin0 -> 11164 bytes
-rw-r--r--index_files/penguin-bod.webpbin0 -> 633590 bytes
5 files changed, 265 insertions, 61 deletions
diff --git a/arch.html b/arch.html
new file mode 100644
index 0000000..fc680d9
--- /dev/null
+++ b/arch.html
@@ -0,0 +1,26 @@
1<!DOCTYPE html>
2<html >
3 <head>
4 <link rel="stylesheet" href="./css/main.css" />
5 </head>
6
7 <body>
8 <div id="tuxDiv" style="width:100%">
9 <h1 id="linhead">I use Arch BTW</h1>
10 </div>
11 <table>
12 <tr>
13 <td class="lincontent">
14 <p>
15 Oh, you "use arch BTW." Do you expect a Reddit gold? Naw, I ain't no kind stranger. If you brag about your operating system online, then I can't even imagine how much of an asshole you are in real life. Great, you know how to read a fucking manual, and you know basic English. Jesus fucking Christ, you arch-kiddies are so toxic saying "I use Arch BTW" as if it's tough to install. Oh wow you're typing simple commands into a fucking tty. You do realize that Arch Linux is just a binary distro, that uses systemD (a shitty init system for n00bs). The Arch Linux community is full of edgy 15 year olds who act like they're superior. If you actually want to learn the inner workings of Linux, you should use Gentoo. Gentoo is a source based distro with OpenRC (an actually decent init system), that is actually hard to install. There is no manual for Gentoo, so you actually have to use critical thinking skills instead of copying and pasting commands into a tty. For Gentoo you have to fine tune the system to your exact hardware instead of just running "pacstrap" like a n00b on an archiso. It takes a long time to install Gentoo. It took an entire decade to compile the kernel from a stage 1 tarball onto my IBM Thinkpad 69420 (bought from my local used-thinkpad-store for 10 cents) with and the Core i-21 ultra-supreme extra-spicy CPU literally turned into ionized plasma and burnt my entire neighboorhood to the ground and the kernel took an entire decade to compile. After that I had to manually write the wifi-driver in ed ( a good text editor ) and compile them with -O7 gcc compiling flags. After the entire installaton I booted up the Gentoo installation and it used an entire 1 kilobyte less of RAM than Arch Linux. Arch-kiddies like you wouldn't have the patience to compile Gentoo. The Gentoo community is very nice and humble and doesn't brag about their OS (unlike you elitist assholes). So instead of saying "I use Arch BTW", just shut the fuck up!!!
16 </p>
17 </td>
18 <td class="lincontent">
19 <div id="penDiv"></div>
20 </td>
21 </tr>
22 </table>
23 <div id="penDiv"></div
24
25 </body>
26</html> \ No newline at end of file
diff --git a/css/main.css b/css/main.css
new file mode 100644
index 0000000..b81c375
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,136 @@
1body {
2 font-family: "Comic Sans", "Comic Sans MS", "Chalkboard",
3 "ChalkboardSE-Regular", "Marker Felt", "Purisa", "URW Chancery L", cursive,
4 sans-serif;
5 color: yellow;
6 font-size: 20px;
7}
8#overview {
9 min-width: min-content;
10 max-width: max-content;
11 margin: 0 auto;
12}
13#tuxDiv {
14 background: url(/index_files/Tux_Mono.svg.png) repeat;
15 height: 300px;
16 width: 100%;
17}
18#penDiv {
19 background: url(/index_files/penguin-bod.webp) repeat;
20 height: 900px;
21 width: 100%;
22}
23#mainBod {
24 background: url(/index_files/Apex_3D_Logo_2_.png) repeat;
25 border: 70px solid;
26 content: "";
27 opacity: 0.75;
28 top: 0;
29 left: 0;
30 bottom: 0;
31 right: 0;
32 position: absolute;
33 z-index: -1;
34 border-image: url(/index_files/dollarspindownd.gif) 50 / 6 / 0 stretch;
35}
36#linhead {
37 background: white;
38 color: black;
39}
40.lincontent {
41 color: black;
42 vertical-align: top;
43 width: 40%;
44}
45.navctr {
46 margin-bottom: 30px;
47 height: 36px;
48 min-width: min-content;
49 max-width: max-content;
50 background-color: black;
51 color: white;
52 border: 1px solid #e5e5e5;
53}
54
55.nav > ul > li:last-child > a {
56 border-right: 0;
57}
58.nav-img {
59 height: 15px;
60}
61.nav-link {
62 padding-right: 12px;
63 padding-left: 12px;
64 padding-bottom: 11px;
65 padding-top: 11px;
66 line-height: 16px;
67 margin: 0;
68 border-left: 1px solid #f5f5f5;
69 border-right: 1px solid #f5f5f5;
70 border-bottom: 1px solid #f5f5f5;
71 border-radius: 0;
72 color: yellow;
73 background: black;
74 display: block;
75}
76.nav-link:hover {
77 padding-left: 13px;
78 background: yellow;
79 color: black;
80 border-right-color: #ddd;
81 border-left: 0;
82}
83.addBanner {
84 width: 469px;
85 margin: auto;
86 height: 80px;
87 text-align: center;
88 font-family: "Comic Sans MS", sans-serif;
89 line-height: 80px;
90 background-color: white;
91 color: darkblue;
92}
93.apexAlert {
94 color: #00cfff !important;
95 text-decoration: none;
96 font-size: 40px;
97 line-height: 35px;
98}
99.nav {
100 margin: 0 0 10px 0px;
101 padding: 0;
102 list-style: none;
103}
104.container {
105 margin: auto;
106 width: 75%;
107}
108blink {
109 animation: blink 1s linear infinite;
110}
111@keyframes blink {
112 0% {
113 opacity: 0;
114 }
115 40% {
116 opacity: 0;
117 }
118 41% {
119 opacity: 1;
120 }
121 99% {
122 opacity: 1;
123 }
124 100% {
125 opacity: 0;
126 }
127}
128.subhead {
129 padding-bottom: 0;
130 margin-bottom: 9px;
131}
132li {
133 float: left;
134 line-height: 20px;
135 list-style: none;
136}
diff --git a/index.html b/index.html
index a2001ab..150353c 100644
--- a/index.html
+++ b/index.html
@@ -1,74 +1,116 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<html style="background-color: #A25300;"><head> 2<html style="background-color: #a25300">
3<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 3 <head>
4 <meta charset="utf-8"> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5 <title>The Second Fire Station of Henrietta, NY</title> 5 <meta charset="utf-8" />
6 <meta name="keywords" content="student, housing, on-campus, student housing, apex, apex apartments, apartments, rochester, ny, new york, RIT, RIT housing, RIT student housing, off campus housing"> 6 <title>The Second Fire Station of Henrietta, NY</title>
7 <meta name="robots" content="index, nofollow"> 7 <meta
8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 8 name="keywords"
9 <meta name="language" content="English"> 9 content="student, housing, on-campus, student housing, apex, apex apartments, apartments, rochester, ny, new york, RIT, RIT housing, RIT student housing, off campus housing"
10 <meta name="revisit-after" content="5 days"> 10 />
11 </head> 11 <meta name="robots" content="index, nofollow" />
12<style>body{font-family: "Comic Sans","Comic Sans MS","Chalkboard","ChalkboardSE-Regular","Marker Felt","Purisa","URW Chancery L",cursive,sans-serif; color:yellow; font-size:20px;}</style> 12 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
13<style>.subnav .nav > li > a {margin:0;padding-top:11px;padding-bottom:11px;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;border-radius:0;color:yellow;display:block;}.subnav .nav > li.active > a, .subnav .nav > li > a:hover{padding-left:13px;background:yellow;color:black;border-right-color:#ddd;border-left:0;} .subnav .nav > li:last-child > a{border-right:0;} .nav-pills > li > a{padding-right:12px;padding-left:12px;line-height:14px;} .nav{margin-left:0;list-style:none;}</style> 13 <meta name="language" content="English" />
14<style>.container{margin: auto; width: 75%;}</style> 14 <meta name="revisit-after" content="5 days" />
15<style>blink{animation:blink 1s linear infinite} @keyframes blink{0%{opacity:0}40%{opacity:0}41%{opacity:1}99%{opacity:1}100%{opacity:0}}</style> 15 <link rel="stylesheet" href="./css/main.css" />
16<style>.subhead{padding-bottom:0;margin-bottom:9px;}</style> 16 </head>
17<style>ul, ol{padding: 0;margin: 0 0 10px 25px;} li{float:left; line-height: 20px; list-style:none;}</style>
18<style>body::after{content:"";background:url(index_files/Apex_3D_Logo_2_.png) repeat;opacity:0.75;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1;}</style>
19<body style="border: 70px solid; border-image: url('index_files/dollarspindownd.gif') 50 / 6 / 0 stretch;"><div id="content">
20 17
21<div class="container"> 18 <body
22 <div id="overview" class="jumbotron subhead"> 19 id="mainBod"
23 <div class="subnav" style="margin-bottom: 30px; height: 36px; background-color: black; color: white; border: 1px solid #e5e5e5;"> 20 >
24 <ul class="nav nav-pills"> 21 <div id="content">
25 22 <div class="container">
26 <li> 23 <div id="overview">
27 <a class="nav-link" href="https://www.rochesterapex.com/"> 24 <div class="navctr">
28 25 <ul class="nav">
29 Eye candy 26 <li>
30 </a> 27 <a class="nav-link"
28 href="https://www.rochesterapex.com/">
29 Eye candy
30 </a>
31 </li> 31 </li>
32 32
33 <li> 33 <li>
34 <a class="nav-link" href="https://discord.gg/hERdQvH"> 34 <a class="nav-link"
35 35 href="https://discord.gg/hERdQvH">
36 <img src="index_files/new.gif" class="pull-left" style="height: 15px"> Shout into the void 36 <img src="index_files/new.gif" class="nav-img" />
37 </a> 37 Shout into the void
38 </a>
38 </li> 39 </li>
39 40
40 <li> 41 <li>
41 <a class="nav-link" href="https://rochesterapex.com/alarms"> 42 <a class="nav-link"
42 43 href="https://rochesterapex.com/alarms">
43 <img src="index_files/hot.gif" class="pull-left" style="height: 15px;"> Timestamps of agony 44 <img src="index_files/hot.gif" class="nav-img" />
44 </a> 45 Timestamps of agony
46 </a>
45 </li> 47 </li>
46
47 <li> 48 <li>
48 <a class="nav-link" href="https://rochesterapex.com/testimonial">Submit a "review" 49 <a class="nav-link"
49 </a> 50 href="https://rochesterapex.com/testimonial">
51 Submit a "review"
52 </a>
50 </li> 53 </li>
51
52 </ul> 54 </ul>
55 </div>
53 </div> 56 </div>
54 </div>
55
56
57 <div style="width: 469px; margin: auto; height:80px; text-align: center; font-family: 'Comic Sans MS', sans-serif; line-height: 80px; background-color: white; color: darkblue;">
58 Ad Banner
59 </div>
60 <img src="index_files/apex1.gif" style="margin-left:auto; margin-right:auto; display:block;">
61 <img src="index_files/firebar.gif" style="width:100%; height:50px;">
62 <div style="margin-left:auto; margin-right:auto;width:400px;">
63 <img src="index_files/firealarm2.gif"><img src="index_files/firealarm2.gif"><img src="index_files/firealarm2.gif"><img src="index_files/firealarm2.gif">
64 </div>
65 <blink><marquee style="color: #00cfff; font-size: 40px; line-height: 35px;">Rochester's premier housing for desperate rich students with no hopes, dreams, options, or cooking skills.</marquee></blink>
66 <blink><marquee style="color: #00cfff !important; font-size: 40px; line-height: 35px;"><a style="color: #00cfff" href="index_files/apex_moment.jpg">Now with 100% more parking lot fires!</a></marquee></blink>
67 <div style="margin-left:auto; margin-right: auto; white-space: nowrap;">
68 <img src="index_files/firetruck-ani.gif" style="transform: scaleX(-1);"><img src="index_files/helmetline.gif"><img src="index_files/firetruck-ani.gif">
69 </div>
70</div>
71 57
58 <div class="addBanner">Ad Banner</div>
59 <img
60 src="index_files/apex1.gif"
61 style="margin-left: auto; margin-right: auto; display: block"
62 />
63 <img src="index_files/firebar.gif" style="width: 100%; height: 50px" />
64 <div style="margin-left: auto; margin-right: auto; width: 400px">
65 <img src="index_files/firealarm2.gif" />
66 <img src="index_files/firealarm2.gif" />
67 <img src="index_files/firealarm2.gif" />
68 <img src="index_files/firealarm2.gif" />
69 </div>
70 <blink>
71 <marquee class="apexAlert">
72 Rochester's premier housing for desperate rich students with no
73 hopes, dreams, options, or cooking skills.
74 </marquee>
75 </blink>
76 <blink>
77 <marquee>
78 <a href="index_files/apex_moment.jpg"
79 class="apexAlert">
80 Now with 100% more parking lot fires!
81 </a>
82 </marquee>
83 </blink
84 >
85 <div style="margin-left: auto; margin-right: auto; white-space: nowrap">
86 <img
87 src="index_files/firetruck-ani.gif"
88 style="transform: scaleX(-1)"
89 />
90 <img src="index_files/helmetline.gif" />
91 <img src="index_files/firetruck-ani.gif"/>
72 </div> 92 </div>
73 <a href="https://rochesterapex.com/mj66t"><img src="index_files/buttons/dontklick.gif"></a><img src="index_files/buttons/moist.gif"><img src="index_files/buttons/netscapenow40.gif"><img src="index_files/buttons/gnu-linux.gif"><img src="index_files/buttons/mswin98_89.gif"><img src="index_files/buttons/macmade-blkwtbrdrspin.gif"><img src="index_files/buttons/hatemac_b.gif"><img src="index_files/buttons/vim.vialle.love.anim.gif"><img src="index_files/buttons/madewithamiga2.gif"><img src="index_files/buttons/shockwave.gif"><img src="index_files/buttons/nedscape_now.gif"><img src="index_files/buttons/netscape5.gif"><img src="index_files/buttons/wow.gif"><a href="https://rochesterapex.com/source"><img src="index_files/buttons/gethtmlnow.gif"></a> 93 </div>
74</body></html> 94 </div>
95 <a href="https://rochesterapex.com/mj66t">
96 <img src="index_files/buttons/dontklick.gif" />
97 </a>
98 <img src="index_files/buttons/moist.gif" />
99 <img src="index_files/buttons/netscapenow40.gif" />
100 <a href="./arch.html">
101 <img src="index_files/buttons/gnu-linux.gif" />
102 </a>
103 <img src="index_files/buttons/mswin98_89.gif" />
104 <img src="index_files/buttons/macmade-blkwtbrdrspin.gif" />
105 <img src="index_files/buttons/hatemac_b.gif"/>
106 <img src="index_files/buttons/vim.vialle.love.anim.gif" />
107 <img src="index_files/buttons/madewithamiga2.gif" />
108 <img src="index_files/buttons/shockwave.gif" />
109 <img src="index_files/buttons/nedscape_now.gif" />
110 <img src="index_files/buttons/netscape5.gif" />
111 <img src="index_files/buttons/wow.gif" />
112 <a href="https://rochesterapex.com/source">
113 <img src="index_files/buttons/gethtmlnow.gif"/>
114 </a>
115 </body>
116</html>
diff --git a/index_files/Tux_Mono.svg.png b/index_files/Tux_Mono.svg.png
new file mode 100644
index 0000000..3ee40ea
--- /dev/null
+++ b/index_files/Tux_Mono.svg.png
Binary files differ
diff --git a/index_files/penguin-bod.webp b/index_files/penguin-bod.webp
new file mode 100644
index 0000000..07bb2b3
--- /dev/null
+++ b/index_files/penguin-bod.webp
Binary files differ
generated by cgit v1.2.3 (git 2.25.1) at 2025-04-26 18:03:16 +0000