@@ -52,7 +53,7 @@
|
ABOUT
|
-
API Pricing
+
PRICING
|
TRY NOW!
diff --git a/pricing.html b/pricing.html
new file mode 100644
index 0000000..304b1aa
--- /dev/null
+++ b/pricing.html
@@ -0,0 +1,49 @@
+
+
+
+
+
DAIALECT LOCAL
+
+
+
+
+
+
+
+
+
+
API zur Dialekterkennung mit fairen Preisen.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/readme.md b/readme.md
index 87e91d9..031bd95 100644
--- a/readme.md
+++ b/readme.md
@@ -3,3 +3,8 @@
### Paul Martin, TINF22B3, für Prof. Jürgen Röthig
---
+Das imaginäre Produkt, für das ich eine Website entwickelt habe, nennt sich um die Dialekterkennungs-API "DAIALECT".
+Getestet wurde die Website in Chrome, Edge, Opera und Firefox auf 1080p- sowie 1440p-Monitoren. Bei letzteren empfiehlt es sich, für die optimale Darstellung den Browser-Zoom um eine Stelle zu erhöhen.
+### IMPLEMENTIERTE SEITEN
+Alle Links in der Navbar sind anklickbar, die Seiten "ABOUT" und "PRICING" sind aber nicht ausformuliert, sondern bestehen nur aus den Überschriften.
+### https://dev.paulmartin.cloud/daialect/index.html
\ No newline at end of file
diff --git a/style.css b/style.css
index 2c7529f..2c3b57e 100644
--- a/style.css
+++ b/style.css
@@ -149,10 +149,33 @@ p {
text-align: right;
text-align-last: right;
padding-right: 140px;
- padding-top: 150px;
+ padding-top: 140px;
font-family: "League Spartan";
}
+.title h3{
+ font-size: 125px;
+ text-align: right;
+ text-align-last: right;
+ padding-right: 140px;
+ padding-top: 160px;
+ font-family: "League Spartan";
+}
+
+.title em {
+ font-family: "sans-serif";
+ font-size: 120px;
+}
+
+.title out {
+ -webkit-text-fill-color: transparent;
+ -webkit-text-stroke: 5px #E07A31;
+}
+
+.title small {
+ font-size: 70px;
+}
+
.button-rechts {
height: 1000px;
position: relative;
@@ -211,8 +234,7 @@ button {
position: relative;
right: 200px;
z-index: 0;
- animation: appear 0.4s 0s ease-in;
- animation: idle-blue s 0.4s infinite;
+ animation: idle-blue 8s 0.4s infinite;
}
#green {
@@ -221,7 +243,6 @@ button {
top: -200px;
right: 150px;
z-index: 2;
- animation: appear 0.4s -0.075s ease-in;
animation: idle-green 5s 0.3s infinite;
}
@@ -231,7 +252,6 @@ button {
left: 60px;
top: -45px;
z-index: 1;
- animation: appear 0.4s -0.15s ease-in;
animation: idle-red 7s 0.3s infinite;
}
@@ -263,20 +283,13 @@ button {
100% {font-size: 30px;}
}
-@keyframes appear {
- 0% {transform: scale(0); opacity: 0%}
- 60% {transform: scale(0.8)}
- 80% {transform: scale(1.1); opacity: 100%}
- 100% {transform: scale(1)}
-}
-
@keyframes idle-blue {
0% {transform: scale(1); }
20% {transform: scale(1.4); }
40% {transform: scale(1.1); transform: translateY(40px);}
60% {transform: scale(0.8); transform: translateX(50px)}
- 80% {transform: scale(0.9); ;}
- 95% {transform: scale(1); ; transform: translateY(-40px); transform: translateX(-50px);}
+ 80% {transform: scale(0.9);}
+ 95% {transform: scale(1); transform: translateY(-40px); transform: translateX(-50px);}
}
@keyframes idle-green {
diff --git a/try.html b/try.html
index 8d656fb..ed5c44b 100644
--- a/try.html
+++ b/try.html
@@ -1,6 +1,7 @@
+
DAIALECT LOCAL
@@ -15,7 +16,7 @@
|
ABOUT
|
-
API Pricing
+
PRICING
|
TRY NOW!
@@ -43,7 +44,7 @@
|
ABOUT
|
-
API Pricing
+
PRICING
|
TRY NOW!