create-geocities-app 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/README.md +309 -0
- data/bin/create-geocities-app +133 -0
- data/lib/create_geocities_app/generator.rb +87 -0
- data/lib/create_geocities_app/themes.rb +53 -0
- data/lib/create_geocities_app/version.rb +3 -0
- data/lib/create_geocities_app.rb +3 -0
- data/templates/about.html +157 -0
- data/templates/css/style.css +729 -0
- data/templates/gallery.html +211 -0
- data/templates/guestbook.html +173 -0
- data/templates/index.html +193 -0
- data/templates/js/main.js +382 -0
- data/templates/links.html +198 -0
- metadata +86 -0
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<meta name="generator" content="create-geocities-app">
|
|
7
|
+
<title>{{SITE_NAME}} โ About Me</title>
|
|
8
|
+
<link rel="stylesheet" href="css/style.css">
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
|
|
12
|
+
<canvas id="matrix-canvas"></canvas>
|
|
13
|
+
<div id="matrix-hint">[M] toggle matrix</div>
|
|
14
|
+
|
|
15
|
+
<div id="lightbox">
|
|
16
|
+
<span id="lightbox-close">โ</span>
|
|
17
|
+
<img id="lightbox-img" src="" alt="">
|
|
18
|
+
<div id="lightbox-caption"></div>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
<div id="page-wrapper">
|
|
22
|
+
<table id="main-table" cellpadding="0" cellspacing="0">
|
|
23
|
+
|
|
24
|
+
<tr>
|
|
25
|
+
<td colspan="2" id="header-cell">
|
|
26
|
+
<div class="marquee-wrapper">
|
|
27
|
+
<span class="marquee-inner">
|
|
28
|
+
โ
{{SITE_NAME}} โ
About Me Page
|
|
29
|
+
Learn all about {{AUTHOR_NAME}}!
|
|
30
|
+
</span>
|
|
31
|
+
</div>
|
|
32
|
+
<h1 class="rainbow" style="margin:8px 0 4px;">{{SITE_NAME}}</h1>
|
|
33
|
+
</td>
|
|
34
|
+
</tr>
|
|
35
|
+
|
|
36
|
+
<tr id="content-row">
|
|
37
|
+
|
|
38
|
+
<td id="sidebar">
|
|
39
|
+
<div class="panel">
|
|
40
|
+
<div class="panel-title">๐ก Navigation</div>
|
|
41
|
+
{{NAV_LINKS}}
|
|
42
|
+
</div>
|
|
43
|
+
<div class="panel" style="text-align:center;">
|
|
44
|
+
<div class="panel-title">๐ Site Info</div>
|
|
45
|
+
<span class="spinning-globe">๐</span>
|
|
46
|
+
<span id="page-clock">00:00:00</span>
|
|
47
|
+
</div>
|
|
48
|
+
<div class="panel" style="text-align:center;">
|
|
49
|
+
<div class="panel-title">๐ต Music</div>
|
|
50
|
+
<button id="music-btn" class="retro-btn" style="width:100%;font-size:0.7rem;">๐ต PLAY MUSIC</button>
|
|
51
|
+
</div>
|
|
52
|
+
<div class="panel" style="text-align:center;font-size:0.75rem;">
|
|
53
|
+
<div class="panel-title">๐ Visitors</div>
|
|
54
|
+
<div id="visitor-counter-box">
|
|
55
|
+
<div class="counter-label">You are visitor #</div>
|
|
56
|
+
<div class="counter-digits" id="counter-display"></div>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
</td>
|
|
60
|
+
|
|
61
|
+
<td id="main-content">
|
|
62
|
+
|
|
63
|
+
<div class="panel">
|
|
64
|
+
<div class="panel-title">๐ค About {{AUTHOR_NAME}}</div>
|
|
65
|
+
|
|
66
|
+
<p>
|
|
67
|
+
Hi! I'm <strong>{{AUTHOR_NAME}}</strong> and this is my little corner of the internet.
|
|
68
|
+
I built this website entirely by hand (well, with a little help from
|
|
69
|
+
<em>create-geocities-app</em>). Welcome!
|
|
70
|
+
</p>
|
|
71
|
+
|
|
72
|
+
<div class="star-divider">โฆ โง โฆ โง โฆ</div>
|
|
73
|
+
|
|
74
|
+
<h2 class="neon-text">โก Fun Facts About Me</h2>
|
|
75
|
+
<ul class="fun-facts-list">
|
|
76
|
+
<li>I have been online since the early days of the web</li>
|
|
77
|
+
<li>My favourite browser is Netscape Navigator (obviously)</li>
|
|
78
|
+
<li>I learned HTML from a library book in 1996</li>
|
|
79
|
+
<li>I think every website needs a guestbook</li>
|
|
80
|
+
<li>I still use dial-up (just kiddingโฆ maybe)</li>
|
|
81
|
+
<li>My homepage gets at least 3 visitors per day!</li>
|
|
82
|
+
</ul>
|
|
83
|
+
</div>
|
|
84
|
+
|
|
85
|
+
<div class="panel">
|
|
86
|
+
<div class="panel-title">๐พ My Interests</div>
|
|
87
|
+
<div class="interests-grid">
|
|
88
|
+
<span class="interest-badge">๐ Web Design</span>
|
|
89
|
+
<span class="interest-badge">๐ฎ Video Games</span>
|
|
90
|
+
<span class="interest-badge">๐ต Music</span>
|
|
91
|
+
<span class="interest-badge">๐ฅ๏ธ Computers</span>
|
|
92
|
+
<span class="interest-badge">๐บ Anime</span>
|
|
93
|
+
<span class="interest-badge">๐ Books</span>
|
|
94
|
+
<span class="interest-badge">๐จ Art</span>
|
|
95
|
+
<span class="interest-badge">๐ฑ Cats</span>
|
|
96
|
+
<span class="interest-badge">โ Coffee</span>
|
|
97
|
+
<span class="interest-badge">๐ Space</span>
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
|
|
101
|
+
<div class="panel">
|
|
102
|
+
<div class="panel-title">๐ Favorites</div>
|
|
103
|
+
<table class="retro-table">
|
|
104
|
+
<thead>
|
|
105
|
+
<tr>
|
|
106
|
+
<th>Category</th>
|
|
107
|
+
<th>My Pick</th>
|
|
108
|
+
</tr>
|
|
109
|
+
</thead>
|
|
110
|
+
<tbody>
|
|
111
|
+
<tr><td>๐ต Band</td><td>Daft Punk</td></tr>
|
|
112
|
+
<tr><td>๐ฌ Movie</td><td>The Matrix</td></tr>
|
|
113
|
+
<tr><td>๐บ TV Show</td><td>X-Files</td></tr>
|
|
114
|
+
<tr><td>๐ฎ Game</td><td>StarCraft</td></tr>
|
|
115
|
+
<tr><td>๐ Food</td><td>Pizza (obviously)</td></tr>
|
|
116
|
+
<tr><td>๐ Website</td><td>This one!</td></tr>
|
|
117
|
+
</tbody>
|
|
118
|
+
</table>
|
|
119
|
+
</div>
|
|
120
|
+
|
|
121
|
+
<div class="panel">
|
|
122
|
+
<div class="panel-title">๐ฌ Get In Touch</div>
|
|
123
|
+
<p style="font-size:0.85rem;">
|
|
124
|
+
Want to chat? Have feedback about my site? Just want to say hi?
|
|
125
|
+
</p>
|
|
126
|
+
<p style="margin-top:8px;">
|
|
127
|
+
<a href="mailto:{{AUTHOR_NAME}}@example.com" class="retro-btn">๐ง Send Email</a>
|
|
128
|
+
|
|
129
|
+
<a href="guestbook.html" class="retro-btn">๐ Sign Guestbook</a>
|
|
130
|
+
</p>
|
|
131
|
+
</div>
|
|
132
|
+
|
|
133
|
+
</td>
|
|
134
|
+
</tr>
|
|
135
|
+
|
|
136
|
+
<tr>
|
|
137
|
+
<td colspan="2" id="footer-cell">
|
|
138
|
+
<div class="star-divider">โฆ โง โฆ โง โฆ โง โฆ โง โฆ</div>
|
|
139
|
+
<p style="font-size:0.75rem;margin:4px 0;">
|
|
140
|
+
ยฉ {{YEAR}} <strong>{{AUTHOR_NAME}}</strong> โ All Rights Reserved
|
|
141
|
+
| <a href="index.html">Home</a>
|
|
142
|
+
</p>
|
|
143
|
+
<p style="font-size:0.65rem;opacity:0.6;margin-top:6px;">
|
|
144
|
+
<a href="https://bestsugardaddyapps.com/">Best Sugar Daddy Apps</a>
|
|
145
|
+
</p>
|
|
146
|
+
<p style="font-size:0.7rem;margin:4px 0;">
|
|
147
|
+
<span class="netscape-badge">Best viewed in Netscape Navigator 4.0<br>at 800ร600 resolution</span>
|
|
148
|
+
</p>
|
|
149
|
+
</td>
|
|
150
|
+
</tr>
|
|
151
|
+
|
|
152
|
+
</table>
|
|
153
|
+
</div>
|
|
154
|
+
|
|
155
|
+
<script src="js/main.js"></script>
|
|
156
|
+
</body>
|
|
157
|
+
</html>
|