Skip to content

Fix SEO bugs #33

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DannyOppenheimer merged 1 commit into from
Jun 29, 2026
Merged

Fix SEO bugs #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
80 changes: 80 additions & 0 deletions docs/about.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,27 @@ body {
text-decoration: none;
font-family: 'Josefin Sans', sans-serif;
border-radius: 0.25em;
float: left;
}

#faq {
position: sticky;
top: 0.25vh;
margin-right: 0.15vw;
margin-top: 0.5vh;
border: none;
background-color: #fffaea;
padding-top: 1.25vh;
padding-right: 1vw;
padding-left: 1vw;
padding-bottom: 1.25vh;
display: block;
width: 8vw;
border-style: none;
text-decoration: none;
font-family: 'Josefin Sans', sans-serif;
border-radius: 0.25em;
float: right;
}

#text {
Expand All @@ -36,6 +57,27 @@ body {
text-decoration: none;
}

footer {
color: #fffaea;
text-align: center;
width: 99%;
position: absolute;
bottom: 1vh;
font-family: 'Josefin Sans', sans-serif;
overflow-x: hidden;
font-size: 1em;
}

#git_image {
height: 2vh;
width: 2vh;
vertical-align: middle;
}

#footer_text {
display: inline-block;
}

@media only screen and (max-device-width: 480px) {
body {
background-color: #0d0d0d;
Expand Down Expand Up @@ -70,6 +112,44 @@ body {
font-size: 2em;
}

#faq {
margin: auto;
margin-top: 0.5vh;
position: relative;
border: none;
background-color: #fffaea;
padding-top: 2vh;
padding-right: 2vw;
padding-left: 2vw;
padding-bottom: 2vh;
display: block;
width: 90vw;
border-style: none;
text-decoration: none;
font-family: 'Josefin Sans', sans-serif;
border-radius: 0.25em;
font-size: 2em;
}

#faq-link {
margin: auto;
margin-top: 0.5vh;
position: relative;
border: none;
background-color: #fffaea;
padding-top: 2vh;
padding-right: 2vw;
padding-left: 2vw;
padding-bottom: 2vh;
display: block;
width: 90vw;
border-style: none;
text-decoration: none;
font-family: 'Josefin Sans', sans-serif;
border-radius: 0.25em;
font-size: 2em;
}

#text {
margin-left: 2.5vw;
margin-right: 2.5vw;
Expand Down
10 changes: 9 additions & 1 deletion docs/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,13 @@
<meta name="twitter:description" content="Learn the rules and strategies for SpyFall online multiplayer game." />

<title>How to Play SpyFall — Game Rules & Instructions</title>

<style>
body {
background-color: #0d0d0d;
}
</style>

<link rel="icon" href="Spy.png" type="image/png" sizes="16x16" />

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
Expand Down Expand Up @@ -44,6 +51,7 @@
<body>
<header>
<button id="back" type="button" value="Back" onclick="backToMain()">Back</button>
<button id="faq" type="button" value="FAQ" onclick="window.location='faq.html'">FAQ</button>
</header>

<main>
Expand Down Expand Up @@ -88,7 +96,7 @@ <h2>Tips for Success</h2>
</main>

<footer>
<p><a href="/">Back to Game</a></p>
<p id="footer_text">Source code: <a href="https://github.com/DannyOppenheimer/SpyFall" target="_blank" rel="noopener noreferrer"><img id="git_image" src="git_image.png" alt="GitHub repository"></a></p>
</footer>
</body>
</html>
7 changes: 7 additions & 0 deletions docs/create_room.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,13 @@
<meta name="twitter:description" content="Create a new SpyFall game room and invite friends to play." />

<title>Create SpyFall Game Room — Set Locations & Timer</title>

<style>
body {
background-color: #0d0d0d;
}
</style>

<link rel="icon" href="Spy.png" type="image/png" sizes="16x16" />

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
Expand Down
10 changes: 9 additions & 1 deletion docs/faq.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,13 @@
<meta name="twitter:description" content="Get answers to common questions about SpyFall online game." />

<title>SpyFall FAQ — Frequently Asked Questions About The Game</title>

<style>
body {
background-color: #0d0d0d;
}
</style>

<link rel="icon" href="Spy.png" type="image/png" sizes="16x16" />

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
Expand Down Expand Up @@ -103,6 +110,7 @@
<body>
<header>
<button id="back" type="button" value="Back" onclick="backToMain()">Back</button>
<button id="faq-link" type="button" value="How To Play" onclick="window.location='about.html'">How To Play</button>
</header>

<main>
Expand Down Expand Up @@ -169,7 +177,7 @@ <h3>Can the spy vote?</h3>
</main>

<footer>
<p><a href="/">Back to Game</a></p>
<p id="footer_text">Source code: <a href="https://github.com/DannyOppenheimer/SpyFall" target="_blank" rel="noopener noreferrer"><img id="git_image" src="git_image.png" alt="GitHub repository"></a></p>
</footer>
</body>
</html>
6 changes: 6 additions & 0 deletions docs/game_room.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,12 @@

<title>SpyFall Game Room — Identify the Spy</title>

<style>
body {
background-color: #0d0d0d;
}
</style>

<link rel="icon" href="Spy.png" type="image/png" sizes="16x16" />
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="game_room.css" />
Expand Down
6 changes: 6 additions & 0 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,12 @@

<title>SpyFall Online — Free Multiplayer Social Deduction Game</title>

<style>
body {
background-color: #0d0d0d;
}
</style>

<link rel="icon" href="Spy.png" type="image/png" sizes="16x16">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="index.css">
Expand Down
7 changes: 7 additions & 0 deletions docs/join_room.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,13 @@
<meta name="twitter:description" content="Join a SpyFall game room using a 5-letter code and play with friends." />

<title>Join SpyFall Game Room — Enter Room Code</title>

<style>
body {
background-color: #0d0d0d;
}
</style>

<link rel="icon" href="Spy.png" type="image/png" sizes="16x16" />

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
Expand Down