thatscringebro/terminal_racer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update website

Browse Source
This commit is contained in:
thatscringebro 2023-10-11 18:55:34 -04:00
parent dbbb7a0633
commit 9d458d6781
4 changed files with 86 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
ascii_racer.mp4 Normal file
View File

Binary file not shown.

83
index.html
View File

@ -8,7 +8,7 @@
</head>
<body>
<header>
<h2>
<div class="header-content">
<pre>
_____ __________________ .___.___ __________ _____ _________ _____________________
/ _ \ / _____/\_ ___ \| | | \______ \ / _ \ \_ ___ \\_ _____/\______ \
@ -17,31 +17,38 @@
\____|__ /_______ / \______ /___|___| |____|_ /\____|__ /\______ /_______ / |____|_ /
\/ \/ \/ \/ \/ \/ \/ \/
</pre>
</h2>
</div>
</header>
<main class="container">
<section class="game-description">
<h2>About the Game</h2>
<p>ASCII RACER is an exciting top-down racing game created entirely with ASCII characters. Race against the clock and your opponents on a track filled with challenges and obstacles.</p>
</section>
<section class="game-media">
<h2>Game Media</h2>
<div class="screenshot">
<img src="screenshot1.jpg" alt="Screenshot 1">
<div class="media-container">
<div class="media-item">
<img src="screenshot1.png" alt="Screenshot 1">
</div>
<div class="screenshot">
<img src="screenshot2.jpg" alt="Screenshot 2">
<div class="media-item">
<img src="screenshot2.png" alt="Screenshot 2">
</div>
<div class="media-item video-item">
<video controls>
<source src="ascii_racer.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="video">
<iframe src="https://www.youtube.com/embed/your-video-id" frameborder="0" allowfullscreen></iframe>
</div>
</section>
<section class="download">
<h2>Download the Game</h2>
<p>Download ASCII RACER now and start racing in a world of ASCII art!</p>
<a href="download-link-here" class="download-button">Download Now</a>
<a href="https://gitlab.com/thatscringebro/terminal_racer" class="download-button">Download Now</a>
</section>
</main>
<footer>
<p>&copy; 2023 ASCII RACER | All rights reserved</p>
<p>&copy; 2023 ASCII RACER | Merlin Gélinas</p>
</footer>
</body>
</html>
@ -70,6 +77,11 @@ header {
padding: 20px;
}
.header-content {
max-width: 800px;
margin: 0 auto;
}
h1 {
font-size: 36px;
}
@ -96,18 +108,35 @@ p {
font-size: 16px;
line-height: 1.5;
}
.media-container {
display: flex;
flex-wrap: wrap;
}
.screenshot, .video {
/* Set the width of the container to match the two images */
.media-container .media-item {
width: calc(50% - 20px);
margin: 10px;
}
img {
max-width: 100%;
.media-container .video-item {
width: calc(100% - 20px);
margin: 10px;
}
iframe {
/* Set a max-width for the video */
.video-item video {
max-width: 100%;
width: 100%;
height: 400px;
height: auto;
}
.media-item {
margin: 10px;
}
.media-item img {
max-width: 100%;
}
.download-button {
@ -142,4 +171,28 @@ footer {
}
}
/* Center the download section */
.download {
text-align: center;
}
/* Display screenshots side by side */
.media-item {
display: inline-block;
margin: 10px;
vertical-align: top;
width: calc(50% - 20px);
box-sizing: border-box;
}
.media-item img {
max-width: 100%;
}
/* Video item styles */
.video-item {
width: 100%;
text-align: center;
display: block;
}
</style>

BIN
screenshot1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
screenshot2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB