janishutz-website/development-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

almost finished website

Browse Source
This commit is contained in:
Janis Hutz
2023-05-19 21:59:00 +02:00
parent 5f69d25662
commit 8e1d803d8d
13 changed files with 351 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
newVersion/examples/index.html
View File

@@ -22,8 +22,10 @@
<div id="nav"></div>
<div class="scroll-indicator" id="scroll-hint">
<div class="scroll-wrapper">
Scroll to discover more
<span class="material-symbols-outlined scroll-symbol">keyboard_double_arrow_down</span>
<div class="scroll-container">
Scroll to discover more
<span class="material-symbols-outlined scroll-symbol">keyboard_double_arrow_down</span>
</div>
</div>
</div>
@@ -41,50 +43,49 @@
<div class="step" id="step-1">
<div class="step-content">
<h1 class="gradient-purple huge small-margin">Exam&shy;ples</h1>
<h3 class="gradient-purple bigger">of websites I have created</h3>
<h1 class="gradient huge small-margin">Exam&shy;ples</h1>
<p class="white half-width">of websites I have created. Click the title to go to the website. All links open in new tabs.</p>
</div>
</div>
<div class="step reveal" id="step-2">
<div class="step-content">
<h1 class="gradient-purple biggest small-margin">Libre&shy;ǝvent</h1>
<h1 class="gradient biggest small-margin"><a href="https://libreevent.janishutz.com" class="link-invisible" target="_blank">Libre&shy;ǝvent</a></h1>
<p class="white half-width">My flagship project - A fully free and open source event management solution</p>
</div>
</div>
<div class="step reveal" id="step-3">
<div class="step-content">
<h1 class="gradient-purple biggest small-margin">Per&shy;sonal web&shy;site</h1>
<h1 class="gradient biggest small-margin"><a href="https://janishutz.com" class="link-invisible" target="_blank">Per&shy;sonal web&shy;site</a></h1>
<p class="white half-width">My own website, where I show off my projects</p>
</div>
</div>
<div class="step reveal" id="step-4">
<div class="step-content">
<h1 class="gradient-purple biggest small-margin">im&shy;press.js - website</h1>
<h1 class="gradient biggest small-margin"><a href="https://impress-testing.janishutz.com" class="link-invisible" target="_blank">im&shy;press.js - website</a></h1>
<p class="white half-width">A website for a JavaScript presentation framework I contribute code to</p>
</div>
</div>
<div class="step reveal" id="step-5">
<div class="step-content">
<h1 class="gradient-purple biggest small-margin">im&shy;press.js - docs</h1>
<h1 class="gradient biggest small-margin"><a href="https://impress-testing.janishutz.com/docs" class="link-invisible" target="_blank">im&shy;press.js - docs</a></h1>
<p class="white half-width">The documentation page for impress.js, a JavaScript presentation framework</p>
</div>
</div>
<div class="step reveal" id="step-6">
<div class="step-content">
<h1 class="gradient-purple biggest small-margin">Boo&shy;king</h1>
<h1 class="gradient biggest small-margin"><a href="https://testing.janishutz.com" class="link-invisible" target="_blank">Boo&shy;king</a></h1>
<p class="white half-width">A fully featured booking system for Language School Hossegor</p>
</div>
</div>
<div class="step reveal" id="step-7">
<div class="step-content">
<h1 class="gradient-purple biggest small-margin">Ja&shy;pan</h1>
<h1 class="gradient biggest small-margin"><a href="https://historyproject.janishutz.com" class="link-invisible" target="_blank">Ja&shy;pan</a></h1>
<p class="white half-width">A small research project for history class at school</p>
</div>
</div>