tobias-hilfiker/Modul_152
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

add footer, edit index.html

Browse Source
This commit is contained in:
Tobias Hilfiker
2022-12-20 10:02:08 +01:00
parent ceec688156
commit 3fbe3ea36a
3 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
Webauftritt/eportfolio/index.html
View File

@@ -12,21 +12,17 @@
<h1 class="flex justify-center">Welcome to the world of Curling!</h1> <!--todo refine the positioning of text on page--> <h1 class="flex justify-center">Welcome to the world of Curling!</h1> <!--todo refine the positioning of text on page-->
<!-- <div class="h-40 bg-banner flex justify-between items-center px-40 mb-14">
todo -> bind to bottom of page
-->
<div class="h-40 bg-banner flex justify-between items-center px-40 mb-14 mt-auto">
<a href="rules.html" class="flex flex-col align-middle"> <a href="rules.html" class="flex flex-col align-middle">
<img src="./public/rules.svg" alt="Regeln" class="w-20 h-20"/> <img src="/rules.svg" alt="Regeln" class="w-20 h-20"/>
<p class="text-center">Regeln</p> <p class="text-center">Regeln</p>
</a> </a>
<a href="spiritofcurling.html" class="flex flex-col align-middle"> <a href="spiritofcurling.html" class="flex flex-col align-middle">
<img src="./public/rules.svg" alt="Spirit of Curling" class="w-20 h-20"/> <img src="/spirit.svg" alt="Spirit of Curling" class="w-20 h-20"/>
<!--todo replace icon with actual icon-->
<p class="text-center">Spirit of Curling</p> <p class="text-center">Spirit of Curling</p>
</a> </a>
<a href="impressions.html" class="flex flex-col align-middle"> <a href="impressions.html" class="flex flex-col align-middle">
<img src="./public/extension.svg" alt="Beispiele" class="w-20 h-20"/> <img src="/extension.svg" alt="Beispiele" class="w-20 h-20"/>
<p class="text-center">Beispiele</p> <p class="text-center">Beispiele</p>
</a> </a>
</div> </div>
@@ -35,4 +31,5 @@ todo -> bind to bottom of page
<script type="module" src="/main.js"></script> <script type="module" src="/main.js"></script>
</body> </body>
{{> footer}}
</html> </html>

14
Webauftritt/eportfolio/partials/footer.hbs Normal file
View File

@@ -0,0 +1,14 @@
<footer class="bg-navbackground bottom-0 absolute w-full h-auto flex justify-between">
<div class="mb-5 mt-5 ml-10">
<p class="font-bold text-textcolor">Copyright & Impressum:</p>
<p class="text-textcolor">Tobias Hilfiker</p>
<p class="text-textcolor">GBS St. Gallen</p>
<p class="text-textcolor">Demutstrasse 115</p>
<p class="text-textcolor">CH-9012 St. Gallen</p>
<a class="text-textcolor" href="mailto:tobias.hilfiker@edu.gbssg.ch">tobias.hilfiker@edu.gbssg.ch</a>
</div>
<div class="mb-5 mt-5 mr-10">
<p class="font-bold text-textcolor">Curling selbst ausprobieren in St. Gallen:</p>
<a class="text-textcolor" href="https://www.curling-stgallen.ch" target="_blank">Curling Center St. Gallen</a>
</div>
</footer>

3
Webauftritt/eportfolio/public/spirit.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB