Skip to content

Commit

Permalink
Home, games, about:
Browse files Browse the repository at this point in the history
  • Loading branch information
Casmo committed Feb 29, 2024
1 parent f436fd9 commit b21bb6e
Show file tree
Hide file tree
Showing 16 changed files with 3,003 additions and 8 deletions.
7 changes: 1 addition & 6 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,7 +1,2 @@
_site/
.sass-cache/
.jekyll-cache/
.jekyll-metadata
# Ignore folders generated by Bundler
.bundle/
node_modules/
vendor/
60 changes: 60 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Couchfriends Games</title>
<link media="all" rel="stylesheet" href="./src/output.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap" rel="stylesheet">
</head>
<body class="bg-black text-white">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-3xl">
<h1 class="text-4xl my-4 flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 mr-2" xml:space="preserve" fill="currentColor" viewBox="293.38 213.32 479.38 343.63"><path fill="currentColor" d="M369.059 143.707v7.95c0 23.53-19.075 40.605-42.602 40.605H225.023c-23.53 0-42.605-17.075-42.605-40.606v-7.949h-30.86v16.64c0 31.313 25.383 56.692 56.696 56.692h134.973c31.308 0 56.691-25.379 56.691-56.691v-16.641" transform="matrix(1.93 0 0 1.93 .892 108.586)" vector-effect="non-scaling-stroke"></path><path fill="currentColor" d="M190.559 232.29h-9v-30.5h16Zm170.363 0h9v-30.5h-16Zm-172.472-88v8.776c0 20.055 16.257 34.61 36.316 34.61h49.226v-43.387" transform="matrix(1.93 0 0 1.93 .892 108.61)" vector-effect="non-scaling-stroke"></path><path d="M237.68 104.906h-12.914c-20.059 0-36.317 14.555-36.317 34.61v8.777h85.543v-8.777c0-20.055-16.258-34.61-36.312-34.61m125.64 39.384v8.776c0 20.055-16.257 34.61-36.312 34.61H277.78v-43.387" transform="matrix(1.93 0 0 1.93 .902 108.47)" vector-effect="non-scaling-stroke"></path><path d="M314.098 104.906h12.91c20.055 0 36.316 14.555 36.316 34.61v8.777h-85.543v-8.777c0-20.055 16.258-34.61 36.317-34.61m-60.125-27.25c0 12.84-10.41 23.25-23.25 23.25-12.844 0-23.25-10.41-23.25-23.25s10.406-23.25 23.25-23.25c12.84 0 23.25 10.41 23.25 23.25m90.327 0c0 12.84-10.405 23.25-23.25 23.25-12.835 0-23.25-10.41-23.25-23.25s10.415-23.25 23.25-23.25c12.845 0 23.25 10.41 23.25 23.25" transform="matrix(1.93 0 0 1.93 .918 108.325)" vector-effect="non-scaling-stroke"></path></svg>
Couchfriends Games
</h1>

<div class="border-double border-4 border-white">

<!-- Navigation top -->
<div class="flex justify-center items-center gap-x-8 py-2 border-b">
<a href="index.html">Home</a>
<a href="games.html">Games</a>
<a href="about.html">About</a>
</div>

<!-- Content -->
<div class="p-4">
<h2 class="text-2xl">
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-6 h-6 inline"> <path d="M22 4H2v16h20V4zM4 18V6h16v12H4zM8 8H6v2h2v2h2v2h4v-2h2v-2h2V8h-2v2h-2v2h-4v-2H8V8z" fill="currentColor"/> </svg>
About
</h2>
<p>
<span class="flex items-center">
<a href="https://www.linkedin.com/in/mathieuderuiter/" target="_blank">LinkedIn.com/in/mathieuderuiter</a> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-4 h-4 ml-1"> <path d="M21 11V3h-8v2h4v2h-2v2h-2v2h-2v2H9v2h2v-2h2v-2h2V9h2V7h2v4h2zM11 5H3v16h16v-8h-2v6H5V7h6V5z" fill="currentColor"/> </svg>
</span>
<span class="flex items-center">
<a href="https://github.com/casmo" target="_blank">Github.com/casmo</a> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-4 h-4 ml-1"> <path d="M21 11V3h-8v2h4v2h-2v2h-2v2h-2v2H9v2h2v-2h2v-2h2V9h2V7h2v4h2zM11 5H3v16h16v-8h-2v6H5V7h6V5z" fill="currentColor"/> </svg>
</span>
<span class="flex items-center">
<a href="https://github.com/Couchfriends" target="_blank">Github.com/couchfriends</a> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-4 h-4 ml-1"> <path d="M21 11V3h-8v2h4v2h-2v2h-2v2h-2v2H9v2h2v-2h2v-2h2V9h2V7h2v4h2zM11 5H3v16h16v-8h-2v6H5V7h6V5z" fill="currentColor"/> </svg>
</span>
</p>
</div>
</div>

<!-- Footer -->
<div class="text-center py-4 flex justify-center gap-x-8 text-xs">
<div>
<strong>Couchfriends Games</strong>
</div>
<div>
Icons by pixelarticons.com
</div>
</div>
</div>
</div>
</body>
</html>
67 changes: 67 additions & 0 deletions games.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Couchfriends Games</title>
<link media="all" rel="stylesheet" href="./src/output.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap" rel="stylesheet">
</head>
<body class="bg-black text-white">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-3xl">
<h1 class="text-4xl my-4 flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 mr-2" xml:space="preserve" fill="currentColor" viewBox="293.38 213.32 479.38 343.63"><path fill="currentColor" d="M369.059 143.707v7.95c0 23.53-19.075 40.605-42.602 40.605H225.023c-23.53 0-42.605-17.075-42.605-40.606v-7.949h-30.86v16.64c0 31.313 25.383 56.692 56.696 56.692h134.973c31.308 0 56.691-25.379 56.691-56.691v-16.641" transform="matrix(1.93 0 0 1.93 .892 108.586)" vector-effect="non-scaling-stroke"></path><path fill="currentColor" d="M190.559 232.29h-9v-30.5h16Zm170.363 0h9v-30.5h-16Zm-172.472-88v8.776c0 20.055 16.257 34.61 36.316 34.61h49.226v-43.387" transform="matrix(1.93 0 0 1.93 .892 108.61)" vector-effect="non-scaling-stroke"></path><path d="M237.68 104.906h-12.914c-20.059 0-36.317 14.555-36.317 34.61v8.777h85.543v-8.777c0-20.055-16.258-34.61-36.312-34.61m125.64 39.384v8.776c0 20.055-16.257 34.61-36.312 34.61H277.78v-43.387" transform="matrix(1.93 0 0 1.93 .902 108.47)" vector-effect="non-scaling-stroke"></path><path d="M314.098 104.906h12.91c20.055 0 36.316 14.555 36.316 34.61v8.777h-85.543v-8.777c0-20.055 16.258-34.61 36.317-34.61m-60.125-27.25c0 12.84-10.41 23.25-23.25 23.25-12.844 0-23.25-10.41-23.25-23.25s10.406-23.25 23.25-23.25c12.84 0 23.25 10.41 23.25 23.25m90.327 0c0 12.84-10.405 23.25-23.25 23.25-12.835 0-23.25-10.41-23.25-23.25s10.415-23.25 23.25-23.25c12.845 0 23.25 10.41 23.25 23.25" transform="matrix(1.93 0 0 1.93 .918 108.325)" vector-effect="non-scaling-stroke"></path></svg>
Couchfriends Games
</h1>

<div class="border-double border-4 border-white">

<!-- Navigation top -->
<div class="flex justify-center items-center gap-x-8 py-2 border-b">
<a href="index.html">Home</a>
<a href="games.html">Games</a>
<a href="about.html">About</a>
</div>

<!-- Content -->
<div class="p-4">
<!-- Bombergirl Game -->
<h2 class="text-2xl">
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-6 h-6 inline"> <path d="M13 3h-2v2h2V3zm4 2h2v2h-2V5zm-6 6h2v2h-2v-2zm-8 0h2v2H3v-2zm18 0h-2v2h2v-2zM5 5h2v2H5V5zm14 14h-2v-2h2v2zm-8 2h2v-2h-2v2zm-4-2H5v-2h2v2zM9 7h6v2H9V7zm0 8H7V9h2v6zm0 0v2h6v-2h2V9h-2v6H9z" fill="currentColor"/> </svg>
Bombergirl
</h2>
<img src="/src/images/games/bombergirl.jpg" class="w-full mb-2" />
<p>
Bombergirl is a remake of a classic game known as Bomberman. The original version of this bombergirl is created by MattSkala on Github. Couchfriends added multiplayer through the Couchfriends API to allow unlimited players to play.<br />
<a href="https://github.com/Couchfriends/html5-bombergirl" target="_blank">https://github.com/Couchfriends/html5-bombergirl</a>
</p>

<!-- Spaceshooter Game -->
<h2 class="text-2xl mt-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="w-6 h-6 inline"> <path d="M20 0h2v2h2v2h-2v2h-2V4h-2V2h2V0ZM8 4h8v2h-2v2h-2V6H8V4ZM6 8V6h2v2H6Zm0 8H4V8h2v8Zm2 2H6v-2h2v2Zm8 0v2H8v-2h8Zm2-2v2h-2v-2h2Zm-2-4v-2h2V8h2v8h-2v-4h-2Zm-4 0h4v2h-4v-2Zm0 0V8h-2v4h2Zm-8 6H2v2H0v2h2v2h2v-2h2v-2H4v-2Z"/> </svg>
Spaceshooter
</h2>
<img src="/src/images/games/spaceshooter.jpg" class="w-full mb-2" />
<p>
Fight the endless hordes of Asteroids and aliens with your friends in this fun and intense Shoot'em up game!
<a href="https://github.com/Couchfriends/Space-Shooter" target="_blank">https://github.com/Couchfriends/Space-Shooter</a>
</p>

</div>
</div>

<!-- Footer -->
<div class="text-center py-4 flex justify-center gap-x-8 text-xs">
<div>
<strong>Couchfriends Games</strong>
</div>
<div>
Icons by pixelarticons.com
</div>
</div>
</div>
</div>
</body>
</html>
46 changes: 44 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,50 @@
<head>
<meta charset="utf-8">
<title>Couchfriends Games</title>
<link media="all" rel="stylesheet" href="./src/output.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap" rel="stylesheet">
</head>
<body>
<h1>Welcome to Couchfriends Games</h1>
<body class="bg-black text-white">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-3xl">
<h1 class="text-4xl my-4 flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 mr-2" xml:space="preserve" fill="currentColor" viewBox="293.38 213.32 479.38 343.63"><path fill="currentColor" d="M369.059 143.707v7.95c0 23.53-19.075 40.605-42.602 40.605H225.023c-23.53 0-42.605-17.075-42.605-40.606v-7.949h-30.86v16.64c0 31.313 25.383 56.692 56.696 56.692h134.973c31.308 0 56.691-25.379 56.691-56.691v-16.641" transform="matrix(1.93 0 0 1.93 .892 108.586)" vector-effect="non-scaling-stroke"></path><path fill="currentColor" d="M190.559 232.29h-9v-30.5h16Zm170.363 0h9v-30.5h-16Zm-172.472-88v8.776c0 20.055 16.257 34.61 36.316 34.61h49.226v-43.387" transform="matrix(1.93 0 0 1.93 .892 108.61)" vector-effect="non-scaling-stroke"></path><path d="M237.68 104.906h-12.914c-20.059 0-36.317 14.555-36.317 34.61v8.777h85.543v-8.777c0-20.055-16.258-34.61-36.312-34.61m125.64 39.384v8.776c0 20.055-16.257 34.61-36.312 34.61H277.78v-43.387" transform="matrix(1.93 0 0 1.93 .902 108.47)" vector-effect="non-scaling-stroke"></path><path d="M314.098 104.906h12.91c20.055 0 36.316 14.555 36.316 34.61v8.777h-85.543v-8.777c0-20.055 16.258-34.61 36.317-34.61m-60.125-27.25c0 12.84-10.41 23.25-23.25 23.25-12.844 0-23.25-10.41-23.25-23.25s10.406-23.25 23.25-23.25c12.84 0 23.25 10.41 23.25 23.25m90.327 0c0 12.84-10.405 23.25-23.25 23.25-12.835 0-23.25-10.41-23.25-23.25s10.415-23.25 23.25-23.25c12.845 0 23.25 10.41 23.25 23.25" transform="matrix(1.93 0 0 1.93 .918 108.325)" vector-effect="non-scaling-stroke"></path></svg>
Couchfriends Games
</h1>

<div class="border-double border-4 border-white">

<!-- Navigation top -->
<div class="flex justify-center items-center gap-x-8 py-2 border-b">
<a href="index.html">Home</a>
<a href="games.html">Games</a>
<a href="about.html">About</a>
</div>

<!-- Content -->
<div class="p-4">
<h2 class="text-2xl">
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-6 h-6 inline"> <path d="M5 3H3v18h18V3H5zm14 2v14H5V5h14zm-2 2H7v2h10V7zM7 11h10v2H7v-2zm7 4H7v2h7v-2z" fill="currentColor"/></svg>
Welcome by Couchfriends
</h2>
<p>
Couchfriends Games is a small indie game developer making games and (open source) tools for multiplayer.
</p>
</div>
</div>

<!-- Footer -->
<div class="text-center py-4 flex justify-center gap-x-8 text-xs">
<div>
<strong>Couchfriends Games</strong>
</div>
<div>
Icons by pixelarticons.com
</div>
</div>
</div>
</div>
</body>
</html>
Loading

0 comments on commit b21bb6e

Please sign in to comment.