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

update website's screenshots

Browse Source
This commit is contained in:
Janis Hutz
2024-05-05 17:32:55 +02:00
parent 7aeda66dc1
commit 178bbc83a6
25 changed files with 35 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
newVersion/assets/screenshotBooking.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 296 KiB

0
newVersion/assets/screenshotPage3.jpg → newVersion/assets/screenshotImpress.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 202 KiB

After

Width:  |  Height:  |  Size: 202 KiB

0
newVersion/assets/screenshotPage3a.jpg → newVersion/assets/screenshotImpressA.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 191 KiB

After

Width:  |  Height:  |  Size: 191 KiB

0
newVersion/assets/screenshotPage1.jpg → newVersion/assets/screenshotJapan.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 654 KiB

After

Width:  |  Height:  |  Size: 654 KiB

0
newVersion/assets/screenshotPage1a.jpg → newVersion/assets/screenshotJapanA.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 644 KiB

After

Width:  |  Height:  |  Size: 644 KiB

BIN
newVersion/assets/screenshotLibreevent.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 244 KiB

BIN
newVersion/assets/screenshotLibreeventA.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 210 KiB

BIN
newVersion/assets/screenshotLogin.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

BIN
newVersion/assets/screenshotMainPage.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
newVersion/assets/screenshotMainPageA.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 105 KiB

BIN
newVersion/assets/screenshotPage1a.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 MiB

BIN
newVersion/assets/screenshotPage2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 213 KiB

BIN
newVersion/assets/screenshotPage2a.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 174 KiB

BIN
newVersion/assets/screenshotPage3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 499 KiB

BIN
newVersion/assets/screenshotPage4.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 272 KiB

BIN
newVersion/assets/screenshotPage4a.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 285 KiB

BIN
newVersion/assets/screenshotPage5.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 112 KiB

BIN
newVersion/assets/screenshotPage6.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 124 KiB

BIN
newVersion/assets/screenshotPage6a.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 100 KiB

12
newVersion/css/examplesStyle.css
View File

@@ -14,42 +14,42 @@ body {
#step-2 { #step-2 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage6a.png'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLibreevent.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-3 { #step-3 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage2a.jpg'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotMainPage.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-4 { #step-4 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3a.jpg'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotBooking.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-5 { #step-5 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage5.png'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotImpressA.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-6 { #step-6 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4a.jpg'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLogin.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-7 { #step-7 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1a.jpg'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotJapanA.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }

8
newVersion/css/homeStyle.css
View File

@@ -13,28 +13,28 @@ body {
#step-2 { #step-2 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1.jpg'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotJapan.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-3 { #step-3 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage2.png'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotMainPageA.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-4 { #step-4 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3.jpg'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLibreevent.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-5 { #step-5 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4.jpg'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotBooking.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }

12
newVersion/css/infoStyle.css
View File

@@ -14,42 +14,42 @@ body {
#step-2 { #step-2 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage6.png'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotBooking.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-3 { #step-3 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage2.png'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotMainPageA.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-4 { #step-4 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3.jpg'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLibreevent.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-5 { #step-5 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage5.png'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLogin.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-6 { #step-6 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4.jpg'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotImpress.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-7 { #step-7 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1.jpg'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotJapan.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }

4
newVersion/css/orderStyle.css
View File

@@ -8,14 +8,14 @@ body {
#step-1 { #step-1 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage2.png'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLibreevent.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#step-2 { #step-2 {
position: fixed; position: fixed;
background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3.png'); background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotMainPageA.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }

14
newVersion/examples/index.html
View File

@@ -18,7 +18,7 @@
<meta name="description" content="Your new website can be exactly like the ones shown here or be of any other style you want. They are always custom built from scratch specifically for your business's use case."> <meta name="description" content="Your new website can be exactly like the ones shown here or be of any other style you want. They are always custom built from scratch specifically for your business's use case.">
<meta name="keywords" content="custom website design, custom web development, custom website solutions, personalised websites, custom websites, websites built from scratch, affordable custom websites"> <meta name="keywords" content="custom website design, custom web development, custom website solutions, personalised websites, custom websites, websites built from scratch, affordable custom websites">
<title>Order :: Development - janishutz.com</title> <title>Examples :: Development - janishutz.com</title>
</head> </head>
<body> <body>
<div id="nav"></div> <div id="nav"></div>
@@ -66,22 +66,22 @@
<div class="step reveal" id="step-4"> <div class="step reveal" id="step-4">
<div class="step-content"> <div class="step-content">
<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> <h1 class="gradient biggest small-margin"><a href="https://booking.languageschoolhossegor.com" class="link-invisible" target="_blank">Boo&shy;king</a></h1>
<p class="white half-width">A website for a JavaScript presentation framework I contribute code to</p> <p class="white half-width">A fully featured booking system for Language School Hossegor</p>
</div> </div>
</div> </div>
<div class="step reveal" id="step-5"> <div class="step reveal" id="step-5">
<div class="step-content"> <div class="step-content">
<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> <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">The documentation page for impress.js, a JavaScript presentation framework</p> <p class="white half-width">A website for a JavaScript presentation framework I contribute code to</p>
</div> </div>
</div> </div>
<div class="step reveal" id="step-6"> <div class="step reveal" id="step-6">
<div class="step-content"> <div class="step-content">
<h1 class="gradient biggest small-margin"><a href="https://testing.janishutz.com" class="link-invisible" target="_blank">Boo&shy;king</a></h1> <h1 class="gradient biggest small-margin"><a href="https://id.janishutz.com" class="link-invisible" target="_blank">Login System</a></h1>
<p class="white half-width">A fully featured booking system for Language School Hossegor</p> <p class="white half-width">A full login system that provides oauth-like login to other websites</p>
</div> </div>
</div> </div>

12
newVersion/index.html
View File

@@ -44,12 +44,12 @@
</div> </div>
<div class="background-images" id="images"> <div class="background-images" id="images">
<img src="/assets/screenshotPage1.jpg" id="img1" style="z-index: -6; opacity: 1;"> <img src="/assets/screenshotJapan.jpg" id="img1" style="z-index: -6; opacity: 1;">
<img src="/assets/screenshotPage2.png" id="img2" class="hidables" style="z-index: -5;"> <img src="/assets/screenshotBooking.jpg" id="img2" class="hidables" style="z-index: -5;">
<img src="/assets/screenshotPage3.jpg" id="img3" class="hidables" style="z-index: -4;"> <img src="/assets/screenshotLibreevent.jpg" id="img3" class="hidables" style="z-index: -4;">
<img src="/assets/screenshotPage4.jpg" id="img4" class="hidables" style="z-index: -3;"> <img src="/assets/screenshotLogin.jpg" id="img4" class="hidables" style="z-index: -3;">
<img src="/assets/screenshotPage5.png" id="img5" class="hidables" style="z-index: -2;"> <img src="/assets/screenshotMainPage.jpg" id="img5" class="hidables" style="z-index: -2;">
<img src="/assets/screenshotPage6.png" id="img6" class="hidables" style="z-index: -1;"> <img src="/assets/screenshotImpress.jpg" id="img6" class="hidables" style="z-index: -1;">
</div> </div>
<div class="step" id="step-1"> <div class="step" id="step-1">