add tetris

EmilHvitfeldt · Nov 29, 2022 · 5e42493 · 5e42493
1 parent 9288d38
commit 5e42493
Show file tree

Hide file tree

Showing 8 changed files with 518 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -434,10 +434,19 @@ <h1></h1>
 </div>
 </section>
 
+<section id="section-8" class="title-slide slide level1 center" data-background-iframe="tetris/index.html">
+<h1></h1>
+<div style="background-color: #ffffffbb; border-radius: 10px; padding: 5px;">
+<div class="r-fit-text">
+<p>tetris</p>
+</div>
+<p><a href="tetris.zip">Download template</a></p>
+</div>
+</section>
+
 <section id="other" class="title-slide slide level1 center">
 <h1>Other</h1>
 <p>https://codepen.io/matteobruni/pen/wvjpzKK https://codepen.io/matteobruni/pen/ZExaQyB https://codepen.io/matteobruni/pen/yLNpgKW https://codepen.io/matteobruni/pen/VwrBOya https://codepen.io/matteobruni/pen/ZExLYyg https://codepen.io/matteobruni/pen/abGqVwm https://codepen.io/matteobruni/pen/wvjpzKK https://codepen.io/thepheer/pen/jvMJMd https://codepen.io/foretoo/pen/zYjpYad</p>
-<p>https://codepen.io/loktar00/pen/BaGqXY (need to be loaded in private mode)</p>
 </section>
 
 <section id="how-to-make-your-own" class="title-slide slide level1 center">

diff --git a/index.qmd b/index.qmd
@@ -95,6 +95,16 @@ Meatballs
 [Download template](meatballs.zip)
 :::
 
+# {background-iframe="tetris/index.html"}
+
+::: {style="background-color: #ffffffbb; border-radius: 10px; padding: 5px;"}
+::: r-fit-text
+tetris
+:::
+
+[Download template](tetris.zip)
+:::
+
 # Other
 
 https://codepen.io/matteobruni/pen/wvjpzKK
@@ -107,8 +117,6 @@ https://codepen.io/matteobruni/pen/wvjpzKK
 https://codepen.io/thepheer/pen/jvMJMd
 https://codepen.io/foretoo/pen/zYjpYad
 
-https://codepen.io/loktar00/pen/BaGqXY (need to be loaded in private mode)
-
 # How to make your own
 
 From codepen.io

diff --git a/tetris.zip b/tetris.zip
diff --git a/tetris/LICENSE.txt b/tetris/LICENSE.txt
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 Loktar (https://codepen.io/loktar00/pen/BaGqXY)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/tetris/README.md b/tetris/README.md
@@ -0,0 +1,7 @@
+# Tetris background
+
+A Pen created on CodePen.io. Original URL: [https://codepen.io/loktar00/pen/BaGqXY](https://codepen.io/loktar00/pen/BaGqXY).
+
+Working on a background for my portfolio site revamp to match my business cards.
+
+A bunch of Tetris games going on at once, you can control them all with the arrow keys to move and space or the up arrow to rotate... haha good luck.  AI is planned later, but I thought this looked pretty cool as is so far.
diff --git a/tetris/index.html b/tetris/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="UTF-8">
+  <title>CodePen - Tetris background</title>
+  <link rel="stylesheet" href="./style.css">
+
+</head>
+<body>
+<!-- partial:index.partial.html -->
+<canvas></canvas>
+<!-- partial -->
+  <script  src="./script.js"></script>
+
+</body>
+</html>