-
Notifications
You must be signed in to change notification settings - Fork 22
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
277 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file added
BIN
+2.04 MB
uebungsanleitungen/programmieren/web/halloween-puzzle/halloween-puzzle.pdf
Binary file not shown.
200 changes: 200 additions & 0 deletions
200
uebungsanleitungen/programmieren/web/halloween-puzzle/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,200 @@ | ||
| <!DOCTYPE html> | ||
| <html class="no-js" lang="de-AT"> | ||
|
|
||
|
|
||
| <head> | ||
|
|
||
| <script async src="https://www.googletagmanager.com/gtag/js?id=UA-63326882-1"></script> | ||
| <script> | ||
| window.dataLayer = window.dataLayer || []; | ||
| function gtag() { dataLayer.push(arguments); } | ||
| gtag('js', new Date()); | ||
|
|
||
| gtag('config', 'UA-63326882-1'); | ||
| </script> | ||
|
|
||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <title> Halloween Puzzle </title> | ||
| <meta name="description" content=""> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="generator" content="Hugo 0.136.5"> <!-- Fonts --> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <link rel="canonical" href="https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/halloween-puzzle/" /> | ||
|
|
||
|
|
||
| <link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,500,600,700,800' rel='stylesheet' | ||
| type='text/css'> | ||
| <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet"> <!-- Stylesheets --> | ||
|
|
||
|
|
||
| <link rel="stylesheet" href="https://linz.coderdojo.net/vendor.min.427db798bc1fd8e87412688ee1bc17b146a8ab9607228f687fa08070b18c0575.css"> | ||
| <link rel="stylesheet" href="https://linz.coderdojo.net/css/animate.css"> | ||
|
|
||
|
|
||
| <link rel="stylesheet" href="https://linz.coderdojo.net/style.min.a2e6859e8cb9160bace1b028b41c1206669c8ff293c2ad7667b894b27390b461.css"> | ||
| <script src="https://kit.fontawesome.com/5bb5b2cc9c.js" crossorigin="anonymous"></script> | ||
| </head> | ||
|
|
||
| <body id="body"> | ||
| <!-- NAVIGATION --> | ||
|
|
||
| <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light "> | ||
| <div class="container-fluid"> | ||
| <a class="navbar-brand" href="/"><img src="/img/logo-linz.png" height="30"></a> | ||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
|
|
||
| <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| <ul class="navbar-nav ml-auto"> | ||
| <li class="nav-item "> | ||
| <a class="nav-link" href="/">Home</a> | ||
| </li> | ||
| <li class="nav-item "> | ||
| <a class="nav-link" href="/termine">Termine</a> | ||
| </li> | ||
| <li class="nav-item "> | ||
| <a class="nav-link" href="/info">Infos</a> | ||
| </li> | ||
| <li class="nav-item "> | ||
| <a class="nav-link" href="/mentoren">Mentoren</a> | ||
| </li> | ||
| <li class="nav-item "> | ||
| <a class="nav-link" href="/sponsoring">Sponsoring</a> | ||
| </li> | ||
| <li class="nav-item active "> | ||
| <a class="nav-link" href="/uebungsanleitungen">Übungsanleitungen</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
|
|
||
|
|
||
| <div class="container-fluid breadcrumb-container"> | ||
| <div class="container"> | ||
| <nav class="breadcrumb-nav" aria-label="breadcrumb"> | ||
| <ol class="breadcrumb"> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <li class="breadcrumb-item"> | ||
| <a href="https://linz.coderdojo.net/uebungsanleitungen/">Übungsanleitungen</a> | ||
| </li> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <li class="breadcrumb-item"> | ||
| <a href="https://linz.coderdojo.net/uebungsanleitungen/programmieren/">Programmieren</a> | ||
| </li> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <li class="breadcrumb-item"> | ||
| <a href="https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/">Web</a> | ||
| </li> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| </ol> | ||
|
|
||
|
|
||
| </nav> | ||
| </div> | ||
| </div> | ||
|
|
||
| <section id="sushi"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
|
|
||
| <div class="col-12 sushi-toc"> | ||
| <h2>Inhalt</h2> | ||
| <nav id="TableOfContents"> | ||
| <ul> | ||
| <li><a href="#videoanleitung">Videoanleitung</a></li> | ||
| <li><a href="#anleitung">Anleitung</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| <div class="col-12 sushi-content"> <h1 id="halloween-puzzle">Halloween Puzzle</h1> | ||
| <p>Willkommen bei unserem Halloween-Puzzle 🎃. Wir programmieren gemeinsam ein Spiel, bei dem du verschiedene Halloween-Symbole in Gruppen zusammenfügen musst. Wie viele Punkte schaffst du?</p> | ||
| <h2 id="videoanleitung">Videoanleitung</h2> | ||
| <iframe width="560" height="315" src="https://www.youtube.com/embed/BdYDFit9pXI?si=289Gyea0KSBrbVXj" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | ||
| <h2 id="anleitung">Anleitung</h2> | ||
| <p>In der Übungsanleitung findest du alle Schritte zur Programmierung des Spiels:</p> | ||
| <p class="text-center"><a class="btn btn-primary" href="/uebungsanleitungen/programmieren/web/halloween-puzzle/halloween-puzzle.pdf" target="_blank">Zur Übungsanleitung</a></p> | ||
| <p>Den Startercode findest du unter <a href="https://stackblitz.com/edit/digiferien-2024-starter" target="_blank">https://stackblitz.com/edit/digiferien-2024-starter</a>. Wenn du das fertige Spiel probieren möchtest, es ist unter <a href="https://stackblitz.com/edit/digiferien-2024" target="_blank">https://stackblitz.com/edit/digiferien-2024</a> zu finden.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <footer> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col"> | ||
| <div> | ||
| <div> | ||
| <img src="/img/logo-coding-club-linz-white.svg"> | ||
| </div> | ||
| <div>Coding Club Linz<br />Birkenweg 16, 4060 Leonding <br /> | ||
| <a href="mailto:info@linz.coderdojo.net">info@linz.coderdojo.net</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> <!-- Js --> | ||
| <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" | ||
| integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> | ||
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" | ||
| integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/locale/de-at.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script> | ||
| <script src="https://linz.coderdojo.net/js/wow.min.js"></script> | ||
| <script src="https://linz.coderdojo.net/js/main.js"></script> | ||
| <script src="https://www.google.com/recaptcha/api.js?render=6LfXNMcZAAAAALYnf3GpUqw5uotVMyjhLNU438i9"></script> | ||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.