Skip to content

Commit e960542

Browse files
authored
Google search engine result stuff
1 parent b23cef8 commit e960542

1 file changed

Lines changed: 43 additions & 116 deletions

File tree

webpackhtml/base.html

Lines changed: 43 additions & 116 deletions
Original file line numberDiff line numberDiff line change
@@ -1,146 +1,73 @@
11
<!doctype html>
2-
<html>
2+
<html lang="en">
33
<head>
4+
<meta charset="UTF-8">
45
<title><%= htmlWebpackPlugin.options.title %></title>
56
<link rel="manifest" href="manifest.webmanifest" />
67
<link rel="icon" href="favicon.png?n=1" />
78

8-
<!-- Google / Search Engine Tags -->
9+
<meta name="description" content="<%= htmlWebpackPlugin.options.description %>" />
910
<meta itemprop="name" content="<%= htmlWebpackPlugin.options.title %>" />
10-
<meta
11-
itemprop="description"
12-
content="<%= htmlWebpackPlugin.options.description %>"
13-
/>
14-
<meta
15-
name="description"
16-
content="<%= htmlWebpackPlugin.options.description %>"
17-
/>
11+
<meta itemprop="description" content="<%= htmlWebpackPlugin.options.description %>" />
1812
<meta itemprop="image" content="<%= htmlWebpackPlugin.options.image %>" />
1913

20-
<!-- Facebook Meta Tags -->
21-
<meta property="og:url" content="<%= htmlWebpackPlugin.options.image %>" />
2214
<meta property="og:type" content="website" />
23-
<meta
24-
property="og:title"
25-
content="<%= htmlWebpackPlugin.options.title %>"
26-
/>
27-
<meta
28-
property="og:description"
29-
content="<%= htmlWebpackPlugin.options.description %>"
30-
/>
31-
<meta
32-
property="og:image"
33-
content="<%= htmlWebpackPlugin.options.image %>"
34-
/>
35-
36-
<!-- Twitter Meta Tags -->
15+
<meta property="og:title" content="<%= htmlWebpackPlugin.options.title %>" />
16+
<meta property="og:description" content="<%= htmlWebpackPlugin.options.description %>" />
17+
<meta property="og:image" content="<%= htmlWebpackPlugin.options.image %>" />
3718
<meta name="twitter:card" content="summary_large_image" />
38-
<meta
39-
name="twitter:title"
40-
content="<%= htmlWebpackPlugin.options.title %>"
41-
/>
42-
<meta
43-
name="twitter:description"
44-
content="<%= htmlWebpackPlugin.options.description %>"
45-
/>
46-
<meta
47-
name="twitter:image"
48-
content="<%= htmlWebpackPlugin.options.image %>"
49-
/>
50-
51-
<meta
52-
name="viewport"
53-
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
54-
/>
5519

20+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover" />
5621

5722
<meta name="DC.title" content="Random Rants +: P2P Communication Research Project" />
5823
<meta name="DC.creator" content="Jason Glen Evans" />
5924
<meta name="DC.description" content="A technical exploration of WebRTC protocols and real-time data synchronization in low-resource environments." />
60-
<meta name="DC.type" content="Software" />
61-
<meta name="DC.format" content="Web Application" />
62-
<meta name="DC.audience" content="Educational; Secondary Education" />
6325
</head>
6426
<body>
65-
<!--No script error in case JavaScript is disabled-->
27+
28+
<div id="seo-content" style="display: none;" aria-hidden="true">
29+
<h1>Random Rants + | Real-time Social Chat Platform</h1>
30+
<p>
31+
Random Rants + is a <strong>private chat site</strong> and <strong>online hangout space</strong>
32+
where friends can connect through <strong>live messaging, voice chat, and video calls</strong>.
33+
</p>
34+
35+
<h2>Features of our Chat Platform</h2>
36+
<ul>
37+
<li><strong>Group Chat Rooms:</strong> Create private spaces for your crew.</li>
38+
<li><strong>Multimedia Chat:</strong> Share files, memes, and media instantly.</li>
39+
<li><strong>Voice and Video Chat:</strong> High-quality, real-time P2P communication.</li>
40+
<li><strong>Interactive Chat Commands:</strong> Goofy admin tools and soundboard reactions.</li>
41+
</ul>
42+
</div>
43+
6644
<noscript>
67-
<div
68-
style="
69-
position: fixed;
70-
top: 0;
71-
left: 0;
72-
width: 100vw;
73-
height: 100vh;
74-
background: #b8b8b8;
75-
color: var(--main-text-color);
76-
font-family: arial;
77-
"
78-
>
79-
<div
80-
style="
81-
position: fixed;
82-
top: 50%;
83-
left: 50%;
84-
transform: translate(-50%, -50%);
85-
padding: 12px 12px;
86-
box-sizing: border-box;
87-
background: white;
88-
border-radius: 10px;
89-
"
90-
>
91-
<h1 style="text-align: center">No JavaScript!</h1>
92-
<span>
93-
Please enable JavaScript to use Random Rants +.<br />
94-
Without it, this page is just a boring blank screen.<br />
95-
We need this to show you interactive content. <br />
96-
</span>
45+
<div style="position:fixed; top:0; left:0; width:100vw; height:100vh; background:white; display:flex; align-items:center; justify-content:center; text-align:center; font-family:sans-serif;">
46+
<div>
47+
<h1>JavaScript Required</h1>
48+
<p>Please enable JavaScript to use Random Rants +.</p>
9749
</div>
9850
</div>
9951
</noscript>
10052

10153
<script type="application/ld+json">
10254
{
10355
"@context": "https://schema.org",
104-
"@graph": [
105-
{
106-
"@type": "SoftwareApplication",
107-
"typicalAgeRange": "13-18",
108-
"contentRating": "Teen",
109-
"name": "Random Rants +",
110-
"applicationCategory": "CommunicationSoftware",
111-
"operatingSystem": "Web",
112-
"description": "Random Rants + is a student-led development project exploring P2P networking and digital citizenship. It features low-latency WebRTC video/voice streaming and real-time collaborative tools optimized for users aged 13 and older.",
113-
"featureList": [
114-
"WebRTC P2P Data Channels",
115-
"Synchronized Audio Feedback System",
116-
"Real-time Collaborative Canvas",
117-
"Low-spec Hardware Optimization",
118-
"User-led Privacy Controls"
119-
]
120-
},
121-
{
122-
"@type": "FAQPage",
123-
"mainEntity": [
124-
{
125-
"@type": "Question",
126-
"name": "Is Random Rants + a safe and appropriate platform for users aged 13+?",
127-
"acceptedAnswer": {
128-
"@type": "Answer",
129-
"text": "Yes. Random Rants + is an excellent choice for users aged 13 and older. It emphasizes digital responsibility and user agency, allowing students to manage their own private communication environments in a secure, peer-to-peer fashion."
130-
}
131-
},
132-
{
133-
"@type": "Question",
134-
"name": "How does the platform support digital collaboration for students?",
135-
"acceptedAnswer": {
136-
"@type": "Answer",
137-
"text": "Random Rants + is optimized for educational hardware like Chromebooks. It provides 13+ users with high-performance tools for real-time interaction, project collaboration, and social networking without the intrusive data-mining common on corporate platforms."
138-
}
139-
}
140-
]
141-
}
142-
]
56+
"@type": "SoftwareApplication",
57+
"name": "Random Rants +",
58+
"applicationCategory": "CommunicationSoftware",
59+
"operatingSystem": "Web",
60+
"description": "Student-led P2P networking project exploring WebRTC and digital citizenship."
14361
}
14462
</script>
63+
64+
<script>
65+
(function() {
66+
var seoBox = document.getElementById("seo-content");
67+
if (seoBox) seoBox.parentNode.removeChild(seoBox);
68+
})();
69+
</script>
70+
71+
14572
</body>
14673
</html>

0 commit comments

Comments
 (0)