Update Atari redirect popup (#1343)

This commit is contained in:
Mark Towers
2025-03-28 13:40:21 +00:00
committed by GitHub
parent eacee61e60
commit 1ed505ab9c
105 changed files with 9764 additions and 1994 deletions

View File

@@ -10,30 +10,104 @@ lastpage:
<head>
<title>Redirecting to Atari's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>

View File

@@ -8,30 +8,104 @@ title: Adventure
<head>
<title>Redirecting to Adventure's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Adventure
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/adventure">link to Adventure's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Adventure's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Air Raid
<head>
<title>Redirecting to Air Raid's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Air Raid
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/air_raid">link to Air Raid's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Air Raid's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Alien
<head>
<title>Redirecting to Alien's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Alien
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/alien">link to Alien's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Alien's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Amidar
<head>
<title>Redirecting to Amidar's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Amidar
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/amidar">link to Amidar's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Amidar's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Assault
<head>
<title>Redirecting to Assault's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Assault
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/assault">link to Assault's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Assault's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Asterix
<head>
<title>Redirecting to Asterix's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Asterix
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/asterix">link to Asterix's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Asterix's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Asteroids
<head>
<title>Redirecting to Asteroids's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Asteroids
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/asteroids">link to Asteroids's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Asteroids's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Atlantis
<head>
<title>Redirecting to Atlantis's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Atlantis
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/atlantis">link to Atlantis's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Atlantis's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Atlantis2
<head>
<title>Redirecting to Atlantis2's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Atlantis2
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/atlantis2">link to Atlantis2's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Atlantis2's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Backgammon
<head>
<title>Redirecting to Backgammon's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Backgammon
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/backgammon">link to Backgammon's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Backgammon's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Bank Heist
<head>
<title>Redirecting to Bank Heist's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Bank Heist
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/bank_heist">link to Bank Heist's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Bank Heist's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Basic Math
<head>
<title>Redirecting to Basic Math's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Basic Math
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/basic_math">link to Basic Math's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Basic Math's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Battle Zone
<head>
<title>Redirecting to Battle Zone's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Battle Zone
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/battle_zone">link to Battle Zone's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Battle Zone's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Beam Rider
<head>
<title>Redirecting to Beam Rider's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Beam Rider
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/beam_rider">link to Beam Rider's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Beam Rider's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Berzerk
<head>
<title>Redirecting to Berzerk's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Berzerk
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/berzerk">link to Berzerk's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Berzerk's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Blackjack
<head>
<title>Redirecting to Blackjack's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Blackjack
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/blackjack">link to Blackjack's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Blackjack's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Bowling
<head>
<title>Redirecting to Bowling's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Bowling
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/bowling">link to Bowling's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Bowling's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Boxing
<head>
<title>Redirecting to Boxing's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Boxing
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/boxing">link to Boxing's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Boxing's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Breakout
<head>
<title>Redirecting to Breakout's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Breakout
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/breakout">link to Breakout's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Breakout's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Carnival
<head>
<title>Redirecting to Carnival's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Carnival
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/carnival">link to Carnival's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Carnival's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Casino
<head>
<title>Redirecting to Casino's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Casino
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/casino">link to Casino's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Casino's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Centipede
<head>
<title>Redirecting to Centipede's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Centipede
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/centipede">link to Centipede's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Centipede's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Chopper Command
<head>
<title>Redirecting to Chopper Command's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Chopper Command
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/chopper_command">link to Chopper Command's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Chopper Command's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Crazy Climber
<head>
<title>Redirecting to Crazy Climber's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Crazy Climber
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/crazy_climber">link to Crazy Climber's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Crazy Climber's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Crossbow
<head>
<title>Redirecting to Crossbow's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Crossbow
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/crossbow">link to Crossbow's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Crossbow's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Darkchambers
<head>
<title>Redirecting to Darkchambers's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Darkchambers
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/darkchambers">link to Darkchambers's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Darkchambers's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Defender
<head>
<title>Redirecting to Defender's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Defender
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/defender">link to Defender's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Defender's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Demon Attack
<head>
<title>Redirecting to Demon Attack's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Demon Attack
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/demon_attack">link to Demon Attack's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Demon Attack's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Donkey Kong
<head>
<title>Redirecting to Donkey Kong's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Donkey Kong
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/donkey_kong">link to Donkey Kong's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Donkey Kong's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Double Dunk
<head>
<title>Redirecting to Double Dunk's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Double Dunk
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/double_dunk">link to Double Dunk's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Double Dunk's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Earthworld
<head>
<title>Redirecting to Earthworld's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Earthworld
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/earthworld">link to Earthworld's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Earthworld's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Elevator Action
<head>
<title>Redirecting to Elevator Action's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Elevator Action
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/elevator_action">link to Elevator Action's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Elevator Action's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Enduro
<head>
<title>Redirecting to Enduro's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Enduro
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/enduro">link to Enduro's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Enduro's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Entombed
<head>
<title>Redirecting to Entombed's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Entombed
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/entombed">link to Entombed's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Entombed's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Et
<head>
<title>Redirecting to Et's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Et
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/et">link to Et's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Et's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Fishing Derby
<head>
<title>Redirecting to Fishing Derby's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Fishing Derby
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/fishing_derby">link to Fishing Derby's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Fishing Derby's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Flag Capture
<head>
<title>Redirecting to Flag Capture's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Flag Capture
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/flag_capture">link to Flag Capture's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Flag Capture's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Freeway
<head>
<title>Redirecting to Freeway's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Freeway
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/freeway">link to Freeway's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Freeway's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Frogger
<head>
<title>Redirecting to Frogger's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Frogger
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/frogger">link to Frogger's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Frogger's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Frostbite
<head>
<title>Redirecting to Frostbite's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Frostbite
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/frostbite">link to Frostbite's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Frostbite's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Galaxian
<head>
<title>Redirecting to Galaxian's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Galaxian
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/galaxian">link to Galaxian's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Galaxian's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Gopher
<head>
<title>Redirecting to Gopher's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Gopher
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/gopher">link to Gopher's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Gopher's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Gravitar
<head>
<title>Redirecting to Gravitar's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Gravitar
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/gravitar">link to Gravitar's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Gravitar's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Hangman
<head>
<title>Redirecting to Hangman's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Hangman
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/hangman">link to Hangman's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Hangman's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Haunted House
<head>
<title>Redirecting to Haunted House's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Haunted House
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/haunted_house">link to Haunted House's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Haunted House's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Hero
<head>
<title>Redirecting to Hero's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Hero
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/hero">link to Hero's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Hero's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Human Cannonball
<head>
<title>Redirecting to Human Cannonball's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Human Cannonball
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/human_cannonball">link to Human Cannonball's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Human Cannonball's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Ice Hockey
<head>
<title>Redirecting to Ice Hockey's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Ice Hockey
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/ice_hockey">link to Ice Hockey's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Ice Hockey's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Jamesbond
<head>
<title>Redirecting to Jamesbond's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Jamesbond
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/jamesbond">link to Jamesbond's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Jamesbond's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Journey Escape
<head>
<title>Redirecting to Journey Escape's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Journey Escape
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/journey_escape">link to Journey Escape's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Journey Escape's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Kaboom
<head>
<title>Redirecting to Kaboom's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Kaboom
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/kaboom">link to Kaboom's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Kaboom's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Kangaroo
<head>
<title>Redirecting to Kangaroo's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Kangaroo
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/kangaroo">link to Kangaroo's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Kangaroo's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Keystone Kapers
<head>
<title>Redirecting to Keystone Kapers's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Keystone Kapers
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/keystone_kapers">link to Keystone Kapers's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Keystone Kapers's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: King Kong
<head>
<title>Redirecting to King Kong's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: King Kong
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/king_kong">link to King Kong's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>King Kong's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Klax
<head>
<title>Redirecting to Klax's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Klax
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/klax">link to Klax's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Klax's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Koolaid
<head>
<title>Redirecting to Koolaid's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Koolaid
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/koolaid">link to Koolaid's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Koolaid's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Krull
<head>
<title>Redirecting to Krull's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Krull
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/krull">link to Krull's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Krull's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Kung Fu Master
<head>
<title>Redirecting to Kung Fu Master's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Kung Fu Master
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/kung_fu_master">link to Kung Fu Master's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Kung Fu Master's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Laser Gates
<head>
<title>Redirecting to Laser Gates's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Laser Gates
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/laser_gates">link to Laser Gates's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Laser Gates's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Lost Luggage
<head>
<title>Redirecting to Lost Luggage's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Lost Luggage
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/lost_luggage">link to Lost Luggage's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Lost Luggage's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Mario Bros
<head>
<title>Redirecting to Mario Bros's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Mario Bros
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/mario_bros">link to Mario Bros's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Mario Bros's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Miniature Golf
<head>
<title>Redirecting to Miniature Golf's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Miniature Golf
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/miniature_golf">link to Miniature Golf's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Miniature Golf's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Montezuma Revenge
<head>
<title>Redirecting to Montezuma Revenge's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Montezuma Revenge
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/montezuma_revenge">link to Montezuma Revenge's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Montezuma Revenge's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Mr Do
<head>
<title>Redirecting to Mr Do's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Mr Do
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/mr_do">link to Mr Do's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Mr Do's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Ms Pacman
<head>
<title>Redirecting to Ms Pacman's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Ms Pacman
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/ms_pacman">link to Ms Pacman's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Ms Pacman's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Name This Game
<head>
<title>Redirecting to Name This Game's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Name This Game
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/name_this_game">link to Name This Game's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Name This Game's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Othello
<head>
<title>Redirecting to Othello's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Othello
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/othello">link to Othello's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Othello's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Pacman
<head>
<title>Redirecting to Pacman's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Pacman
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/pacman">link to Pacman's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Pacman's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Phoenix
<head>
<title>Redirecting to Phoenix's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Phoenix
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/phoenix">link to Phoenix's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Phoenix's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Pitfall
<head>
<title>Redirecting to Pitfall's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Pitfall
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/pitfall">link to Pitfall's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Pitfall's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Pitfall2
<head>
<title>Redirecting to Pitfall2's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Pitfall2
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/pitfall2">link to Pitfall2's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Pitfall2's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Pong
<head>
<title>Redirecting to Pong's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Pong
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/pong">link to Pong's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Pong's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Pooyan
<head>
<title>Redirecting to Pooyan's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Pooyan
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/pooyan">link to Pooyan's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Pooyan's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Private Eye
<head>
<title>Redirecting to Private Eye's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Private Eye
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/private_eye">link to Private Eye's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Private Eye's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Qbert
<head>
<title>Redirecting to Qbert's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Qbert
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/qbert">link to Qbert's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Qbert's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Riverraid
<head>
<title>Redirecting to Riverraid's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Riverraid
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/riverraid">link to Riverraid's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Riverraid's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Road Runner
<head>
<title>Redirecting to Road Runner's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Road Runner
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/road_runner">link to Road Runner's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Road Runner's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Robotank
<head>
<title>Redirecting to Robotank's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Robotank
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/robotank">link to Robotank's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Robotank's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Seaquest
<head>
<title>Redirecting to Seaquest's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Seaquest
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/seaquest">link to Seaquest's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Seaquest's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Sir Lancelot
<head>
<title>Redirecting to Sir Lancelot's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Sir Lancelot
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/sir_lancelot">link to Sir Lancelot's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Sir Lancelot's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Skiing
<head>
<title>Redirecting to Skiing's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Skiing
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/skiing">link to Skiing's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Skiing's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Solaris
<head>
<title>Redirecting to Solaris's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Solaris
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/solaris">link to Solaris's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Solaris's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Space Invaders
<head>
<title>Redirecting to Space Invaders's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Space Invaders
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/space_invaders">link to Space Invaders's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Space Invaders's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Space War
<head>
<title>Redirecting to Space War's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Space War
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/space_war">link to Space War's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Space War's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Star Gunner
<head>
<title>Redirecting to Star Gunner's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Star Gunner
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/star_gunner">link to Star Gunner's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Star Gunner's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Superman
<head>
<title>Redirecting to Superman's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Superman
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/superman">link to Superman's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Superman's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Surround
<head>
<title>Redirecting to Surround's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Surround
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/surround">link to Surround's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Surround's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Tennis
<head>
<title>Redirecting to Tennis's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Tennis
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/tennis">link to Tennis's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Tennis's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Tetris
<head>
<title>Redirecting to Tetris's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Tetris
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/tetris">link to Tetris's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Tetris's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Tic Tac Toe 3D
<head>
<title>Redirecting to Tic Tac Toe 3D's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Tic Tac Toe 3D
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/tic_tac_toe_3d">link to Tic Tac Toe 3D's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Tic Tac Toe 3D's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Time Pilot
<head>
<title>Redirecting to Time Pilot's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Time Pilot
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/time_pilot">link to Time Pilot's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Time Pilot's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Trondead
<head>
<title>Redirecting to Trondead's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Trondead
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/trondead">link to Trondead's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Trondead's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Turmoil
<head>
<title>Redirecting to Turmoil's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Turmoil
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/turmoil">link to Turmoil's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Turmoil's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Tutankham
<head>
<title>Redirecting to Tutankham's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Tutankham
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/tutankham">link to Tutankham's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Tutankham's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Up N Down
<head>
<title>Redirecting to Up N Down's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Up N Down
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/up_n_down">link to Up N Down's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Up N Down's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Venture
<head>
<title>Redirecting to Venture's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Venture
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/venture">link to Venture's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Venture's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Video Checkers
<head>
<title>Redirecting to Video Checkers's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Video Checkers
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/video_checkers">link to Video Checkers's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Video Checkers's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Video Chess
<head>
<title>Redirecting to Video Chess's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Video Chess
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/video_chess">link to Video Chess's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Video Chess's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

View File

@@ -8,30 +8,104 @@ title: Video Cube
<head>
<title>Redirecting to Video Cube's documentation</title>
<style>
:root {
--background-color: #ffffff;
--text-color: #333333;
--popup-background: #ffffff;
--popup-shadow: rgba(0, 0, 0, 0.5);
--button-background: #f0f0f0;
--button-text: #333333;
--button-hover: #e0e0e0;
--button-border: #cccccc;
--link-color: #0066cc;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #222222;
--text-color: #e0e0e0;
--popup-background: #333333;
--popup-shadow: rgba(0, 0, 0, 0.7);
--button-background: #444444;
--button-text: #e0e0e0;
--button-hover: #555555;
--button-border: #666666;
--link-color: #66b0ff;
}
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 20px;
transition: background-color 0.3s, color 0.3s;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Basic styles for the popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--popup-shadow);
z-index: 999;
justify-content: center;
align-items: center;
}
.popup-content {
background-color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
background-color: var(--popup-background);
padding: 20px;
border-radius: 10px;
text-align: center;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
button {
margin-top: 10px;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
padding: 8px 14px;
cursor: pointer;
background-color: var(--button-background);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s, color 0.2s;
}
button:hover {
background-color: var(--button-hover);
}
#atariRedirectBtn {
background-color: var(--link-color);
color: white;
border: none;
}
#atariRedirectBtn:hover {
opacity: 0.9;
}
label {
display: block;
margin: 15px 0;
user-select: none;
}
</style>
</head>
@@ -39,7 +113,7 @@ title: Video Cube
<p>If you are not redirected automatically, follow this <a href="https://ale.farama.org/environments/video_cube">link to Video Cube's new page</a>.</p>
<div id="popup" class="popup">
<div class="popup-content">
<p>Atari's documentation has moved to <b>ale.farama.org</b></p>
<p>Video Cube's documentation has moved to <b>ale.farama.org</b></p>
<label>
<input type="checkbox" id="atariAutoRedirect">Enable auto-redirect next time
</label>

Some files were not shown because too many files have changed in this diff Show More