Skip to content

Commit ff4ac28

Browse files
m4schinim4schini
committed
add ghpage
1 parent 3efa250 commit ff4ac28

File tree

14 files changed

+839
-0
lines changed

14 files changed

+839
-0
lines changed

docs/Benutzerhandbuch.pdf renamed to docs/benutzerhandbuch.pdf

File renamed without changes.

‎docs/page/.nojekyll‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+

‎docs/page/LICENSE‎

Lines changed: 428 additions & 0 deletions
Large diffs are not rendered by default.

‎docs/page/README.md‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
# Academic Project Page Template
2+
This is an academic paper project page template.
3+
4+
5+
Example project pages built using this template are:
6+
- https://vision.huji.ac.il/spectral_detuning/
7+
- https://vision.huji.ac.il/podd/
8+
- https://dreamix-video-editing.github.io
9+
- https://vision.huji.ac.il/conffusion/
10+
- https://vision.huji.ac.il/3d_ads/
11+
- https://vision.huji.ac.il/ssrl_ad/
12+
- https://vision.huji.ac.il/deepsim/
13+
14+
15+
16+
## Start using the template
17+
To start using the template click on `Use this Template`.
18+
19+
The template uses html for controlling the content and css for controlling the style.
20+
To edit the websites contents edit the `index.html` file. It contains different HTML "building blocks", use whichever ones you need and comment out the rest.
21+
22+
**IMPORTANT!** Make sure to replace the `favicon.ico` under `static/images/` with one of your own, otherwise your favicon is going to be a dreambooth image of me.
23+
24+
## Components
25+
- Teaser video
26+
- Images Carousel
27+
- Youtube embedding
28+
- Video Carousel
29+
- PDF Poster
30+
- Bibtex citation
31+
32+
## Tips:
33+
- The `index.html` file contains comments instructing you what to replace, you should follow these comments.
34+
- The `meta` tags in the `index.html` file are used to provide metadata about your paper
35+
(e.g. helping search engine index the website, showing a preview image when sharing the website, etc.)
36+
- The resolution of images and videos can usually be around 1920-2048, there rarely a need for better resolution that take longer to load.
37+
- All the images and videos you use should be compressed to allow for fast loading of the website (and thus better indexing by search engines). For images, you can use [TinyPNG](https://tinypng.com), for videos you can need to find the tradeoff between size and quality.
38+
- When using large video files (larger than 10MB), it's better to use youtube for hosting the video as serving the video from the website can take time.
39+
- Using a tracker can help you analyze the traffic and see where users came from. [statcounter](https://statcounter.com) is a free, easy to use tracker that takes under 5 minutes to set up.
40+
- This project page can also be made into a github pages website.
41+
- Replace the favicon to one of your choosing (the default one is of the Hebrew University).
42+
- Suggestions, improvements and comments are welcome, simply open an issue or contact me. You can find my contact information at [https://pages.cs.huji.ac.il/eliahu-horwitz/](https://pages.cs.huji.ac.il/eliahu-horwitz/)
43+
44+
## Acknowledgments
45+
Parts of this project page were adopted from the [Nerfies](https://nerfies.github.io/) page.
46+
47+
## Website License
48+
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.

‎docs/page/index.html‎

Lines changed: 212 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,212 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<!-- Meta tags for social media banners, these should be filled in appropriatly as they are your "business card" -->
6+
<!-- Replace the content tag with appropriate information -->
7+
<meta content="Escapebot" name="description">
8+
<meta content="Escapebot" property="og:title"/>
9+
<meta content="A javafx 2D labyrinth game with level editor" property="og:description"/>
10+
<meta content="https://m4schini.github.io/escabebot" property="og:url"/>
11+
<!-- Path to banner image, should be in the path listed below. Optimal dimenssions are 1200X630-->
12+
<!-- <meta content="static/image/your_banner_image.png" property="og:image"/>-->
13+
<meta content="1200" property="og:image:width"/>
14+
<meta content="630" property="og:image:height"/>
15+
16+
17+
<meta content="Escapebot" name="twitter:title">
18+
<meta content="A javafx 2D labyrinth game with level editor" name="twitter:description">
19+
<!-- Path to banner image, should be in the path listed below. Optimal dimenssions are 1200X600-->
20+
<!-- <meta content="static/images/your_twitter_banner_image.png" name="twitter:image">-->
21+
<!-- <meta content="summary_large_image" name="twitter:card">-->
22+
<!-- Keywords for your paper to be indexed by-->
23+
<meta content="Java Javafx Game" name="keywords">
24+
<meta content="width=device-width, initial-scale=1" name="viewport">
25+
26+
<meta name="citation_author" content="Schink, Alex">
27+
<meta name="citation_title" content="Escapebot">
28+
<meta name="citation_date" content="2021">
29+
<meta name="citation_dissertation_institution" content="University of Applied Sciences Wedel">
30+
<meta name="citation_publication_date" content="2021">
31+
<meta name="citation_type" content="other">
32+
<meta name="citation_language" content="en">
33+
<meta name="citation_place" content="Wedel, Germany">
34+
<meta name="citation_public_url" content="https://m4schini.github.io/escapebot/">
35+
<meta name="citation_pdf_url" content="https://s3.auroraborealis.cloud/static/escapebot_benutzerhandbuch.pdf">
36+
37+
38+
<title>Escapebot - Bachelor's Thesis</title>
39+
<link href="static/images/FBot.png" rel="icon" type="image/png">
40+
<!-- <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">-->
41+
42+
<link href="static/css/bulma.min.css" rel="stylesheet">
43+
<link href="static/css/fontawesome.all.min.css" rel="stylesheet">
44+
<link href="static/css/academicons.min.css" rel="stylesheet">
45+
<link href="static/css/index.css" rel="stylesheet">
46+
47+
<!-- <script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>-->
48+
<script defer src="static/js/fontawesome.all.min.js"></script>
49+
</head>
50+
<body>
51+
52+
53+
<section class="hero">
54+
<div class="hero-body">
55+
<div class="container is-max-desktop">
56+
<div class="columns is-centered">
57+
<div class="column has-text-centered">
58+
<h1 class="title is-1 publication-title">Escapebot</h1>
59+
<h2 class="title is-5 publication-title">A javafx 2D labyrinth game with level editor</h2>
60+
<div class="is-size-5 publication-authors">
61+
<!-- Paper authors -->
62+
<span class="author-block">
63+
<a href="https://orcid.org/0009-0008-3023-1228" target="_blank">m4schini</a></span>
64+
</div>
65+
66+
<div class="is-size-5 publication-authors">
67+
<span class="author-block">University of Applied Sciences Wedel<br>Programmierpraktikum</span>
68+
</div>
69+
70+
<div class="column has-text-centered">
71+
<div class="publication-links">
72+
<!-- Supplementary PDF link -->
73+
<span class="link-block">
74+
<a class="external-link button is-normal is-rounded is-dark" href="https://s3.auroraborealis.cloud/static/escapebot_benutzerhandbuch.pdf"
75+
target="_blank">
76+
<span class="icon">
77+
<i class="fas fa-file-pdf"></i>
78+
</span>
79+
<span>Benutzerhandbuch</span>
80+
</a>
81+
</span>
82+
83+
<!-- Github link -->
84+
<span class="link-block">
85+
<a class="external-link button is-normal is-rounded is-dark" href="https://github.com/m4schini/escapebot"
86+
target="_blank">
87+
<span class="icon">
88+
<i class="fab fa-github"></i>
89+
</span>
90+
<span>Code</span>
91+
</a>
92+
</span>
93+
<!-- Github link -->
94+
<span class="link-block">
95+
<a class="external-link button is-normal is-rounded is-dark" href="https://github.com/m4schini/escapebot/releases"
96+
target="_blank">
97+
<span class="icon">
98+
<i class="fas fa-download"></i>
99+
</span>
100+
<span>Download</span>
101+
</a>
102+
</span>
103+
</div>
104+
</div>
105+
</div>
106+
</div>
107+
</div>
108+
</div>
109+
</section>
110+
111+
112+
<!-- Paper abstract -->
113+
<section class="section hero is-light">
114+
<div class="container is-max-desktop">
115+
<div class="columns is-centered has-text-centered">
116+
<div class="column is-four-fifths">
117+
<h2 class="title is-3">Abstract</h2>
118+
<div class="content has-text-justified">
119+
<p>
120+
Im Rahmen des Programmierpraktikums im Wintersemester 2021 an der Fachhochschule Wedel entstand das Spiel EscapeBot, ein Programm, das Konzepte der Programmierung spielerisch vermittelt. EscapeBot basiert auf dem bekannten Spiel LightBot und fordert die Spieler:innen auf, einen Roboter so zu programmieren, dass er in verschiedenen Leveln Münzen einsammelt und eine Tür erreicht, um das Level erfolgreich abzuschließen.
121+
<br><br>
122+
Das Spiel bietet eine grafische Benutzeroberfläche basierend auf JavaFX, in der Benutzer:innen Prozeduren aus einfachen Befehlen wie Vorwärtsgehen, Drehen oder Springen zusammenstellen können. Darüber hinaus verfügt es über einen Karten-Editor, mit dem eigene Level erstellt und auf Lösbarkeit überprüft werden können.
123+
<br><br>
124+
EscapeBot implementiert fortschrittliche Algorithmen, darunter Pathfinding und Floodfill, um Levelanalyse und optimale Lösungswege zu ermöglichen. Es wurde in Java entwickelt und ist plattformunabhängig ausführbar, solange die Java Runtime Environment (Version 17.0.1 oder höher) installiert ist. Das Projekt kombiniert interaktive Spielelemente mit einem pädagogischen Ansatz, um das Verständnis für Algorithmen und logische Abläufe zu fördern.
125+
<br><br>
126+
<em>This abstract was generated by ChatGPT</em>
127+
</p>
128+
</div>
129+
</div>
130+
</div>
131+
</div>
132+
</section>
133+
<!-- End paper abstract -->
134+
135+
<section class="section hero">
136+
<div class="container is-max-desktop">
137+
<div class="columns is-centered has-text-centered">
138+
<div class="column is-four-fifths">
139+
<h2 class="title is-3">Architecture</h2>
140+
<div class="content has-text-justified">
141+
<p>
142+
</p>
143+
</div>
144+
<img src="static/images/escapebot-POP_v4.7.png" alt="">
145+
</div>
146+
</div>
147+
</div>
148+
</section>
149+
150+
<section class="section hero is-light">
151+
<div class="container is-max-desktop">
152+
<div class="columns is-centered has-text-centered">
153+
<div class="column is-four-fifths">
154+
<h2 class="title is-3">Results</h2>
155+
<div class="content has-text-justified">
156+
<p>
157+
</p>
158+
</div>
159+
<img src="static/images/EscapeBotStart.png" alt="">
160+
</div>
161+
</div>
162+
</div>
163+
</section>
164+
165+
166+
167+
<!--BibTex citation -->
168+
<section class="section is-light" id="BibTeX">
169+
<div class="container is-max-desktop content">
170+
<h2 class="title">BibTeX</h2>
171+
<pre><code>
172+
@software{schink2021escapebot,
173+
author = {m4schini},
174+
title = {Escapebot},
175+
year = {2021},
176+
school = {University of Applied Sciences Wedel},
177+
type = {software},
178+
address = {Wedel, Germany},
179+
url = {https://m4schini.github.io/escapebot/},
180+
}
181+
</code></pre>
182+
</div>
183+
</section>
184+
<!--End BibTex citation -->
185+
186+
187+
<footer class="footer">
188+
<div class="container">
189+
<div class="columns is-centered">
190+
<div class="column is-8">
191+
<div class="content">
192+
193+
<p>
194+
This page was built using the <a
195+
href="https://github.com/eliahuhorwitz/Academic-project-page-template" target="_blank">Academic
196+
Project Page Template</a> which was adopted from the <a href="https://nerfies.github.io"
197+
target="_blank">Nerfies</a> project
198+
page.
199+
You are free to borrow the source code of this website, we just ask that you link back to this
200+
page in the footer. <br> This website is licensed under a <a href="http://creativecommons.org/licenses/by-sa/4.0/"
201+
rel="license"
202+
target="_blank">Creative
203+
Commons Attribution-ShareAlike 4.0 International License</a>.
204+
</p>
205+
206+
</div>
207+
</div>
208+
</div>
209+
</div>
210+
</footer>
211+
</body>
212+
</html>

0 commit comments

Comments
 (0)