tweak blink animation & add gallery
Change-Id: I1a1cd568e7982bf4e8e31f9e21897db53e59727f
diff --git a/hswaw/site/static/BUILD.bazel b/hswaw/site/static/BUILD.bazel
index fc0f04d..d5ea71d 100644
--- a/hswaw/site/static/BUILD.bazel
+++ b/hswaw/site/static/BUILD.bazel
@@ -10,6 +10,10 @@
"neon-syrenka.svg",
"@com_npmjs_leaflet//:distfiles",
"space.jpg",
+ "frezarka.jpg",
+ "tokarka.jpg",
+ "kuka.jpg",
+ "serwerownia.jpg",
],
package = "static",
)
diff --git a/hswaw/site/static/frezarka.jpg b/hswaw/site/static/frezarka.jpg
new file mode 100644
index 0000000..56210e9
--- /dev/null
+++ b/hswaw/site/static/frezarka.jpg
Binary files differ
diff --git a/hswaw/site/static/kuka.jpg b/hswaw/site/static/kuka.jpg
new file mode 100644
index 0000000..78f57f5
--- /dev/null
+++ b/hswaw/site/static/kuka.jpg
Binary files differ
diff --git a/hswaw/site/static/landing.css b/hswaw/site/static/landing.css
index ddd08d5..cf13754 100644
--- a/hswaw/site/static/landing.css
+++ b/hswaw/site/static/landing.css
@@ -1,5 +1,5 @@
:root {
- --primary: #7347d9ff;
+ /* --primary: #7347d9ff; */
--primary100: #cfbff1;
--secondary: #d947adff;
--secondary50: #fae2f0;
@@ -126,7 +126,7 @@
text-shadow: 0 0 1px var(--secondary), 0 0 5px var(--secondary),
0 0 20px var(--secondary);
font-size: 60px;
- animation: neon ease-in-out 4s infinite alternate, blink 10s infinite;
+ animation: neon ease-in-out 4s infinite alternate, blink 5s infinite;
}
@keyframes neon {
@@ -147,12 +147,12 @@
opacity: 1;
}
81% {
- opacity: 0.2;
+ opacity: 0.4;
}
- 85% {
- opacity: 0.2;
+ 82.7% {
+ opacity: 0.4;
}
- 86% {
+ 83% {
opacity: 1;
}
94% {
@@ -228,11 +228,44 @@
background-color: rgba(255, 255, 255, 0.05);
}
-.covid {
- padding: 1rem 2rem;
- background-color: rgba(150, 0, 0, 0.8);
- font-size: 18px;
- font-style: italic;
+.img-wrapper {
+ position: relative;
+ height: 0;
+ padding-bottom: 60%;
+}
+
+.img-wrapper > img {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ object-fit: contain;
+}
+
+#gallery-nav {
+ display: flex;
+ flex-direction: row;
+ padding: 0;
+ margin: 0;
+ justify-content: center;
+ flex-wrap: wrap;
+}
+#gallery-nav > li {
+ margin: 0;
+ padding: 0;
+}
+#gallery-nav > li:hover {
+ background-color: var(--darkbgaccent);
+}
+#gallery-nav > li.active {
+ background-color: var(--secondary);
+}
+#gallery-nav > li > a {
+ display: block;
+ text-decoration: none;
+ padding: 0 15px;
+ height: 32px;
+ padding-top: 7px;
}
.bottom {
@@ -268,6 +301,20 @@
h2 {
margin-bottom: 0;
+ font-size: 26px;
+ display: inline-block;
+ font-family: "Comfortaa", sans-serif;
+ line-height: 1.1;
+}
+
+h2:after {
+ content: " ";
+ display: block;
+ background-color: var(--secondary);
+ height: 0.15em;
+ width: 100%;
+ margin-top: 0.1em;
+ margin-left: 0.3em;
}
@media screen and (max-width: 1000px) {
@@ -284,20 +331,6 @@
margin: 1rem 0 0 0;
}
-h2 {
- font-size: 26px;
- display: inline-block;
- font-family: "Comfortaa", sans-serif;
-}
-h2:after {
- content: " ";
- display: block;
- background-color: var(--secondary);
- height: 0.15em;
- width: 100%;
- margin-top: 0.1em;
- margin-left: 0.3em;
-}
h3 {
font-size: 20px;
}
diff --git a/hswaw/site/static/serwerownia.jpg b/hswaw/site/static/serwerownia.jpg
new file mode 100644
index 0000000..04f7ec5
--- /dev/null
+++ b/hswaw/site/static/serwerownia.jpg
Binary files differ
diff --git a/hswaw/site/static/tokarka.jpg b/hswaw/site/static/tokarka.jpg
new file mode 100644
index 0000000..10db3f8
--- /dev/null
+++ b/hswaw/site/static/tokarka.jpg
Binary files differ
