From 85a042e7836fc9d1da4cafcdc4a129f496026b75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Anna-Sara=20S=C3=A9lea?= Date: Fri, 1 May 2026 08:46:07 +0200 Subject: [PATCH] Fix with demo --- css/style.css | 221 ------------------------------------------------ info.php | 42 --------- pages/1.html | 15 ---- pages/demo.html | 26 ++++++ 4 files changed, 26 insertions(+), 278 deletions(-) delete mode 100644 css/style.css delete mode 100644 info.php delete mode 100644 pages/1.html create mode 100644 pages/demo.html diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 0c007dd..0000000 --- a/css/style.css +++ /dev/null @@ -1,221 +0,0 @@ -html { - margin: 0; - padding:0; - box-sizing: border-box; -} - -body { - position: relative; - height: 100vh; - margin: 0; - padding:0; -} -main { - display: flex; - justify-content: center; - width: 90%; - flex-direction: column; - align-items: center; -} - -h1 { - text-align: center; - color: white; - font-size: 40px; - margin: 0; -} - -.places { - font-size: 40px; - text-align: center; - color: white; - font-weight: bold; - margin: 0; -} - -.places:after { - display: block; - content: "Viskafors"; - /* animation-duration = number of keyframes * duration per keyframe */ - animation: change-text 15s infinite; -} - -@keyframes change-text { - 0% { - content: "Viskafors"; - } - 20% { - content: "Rydboholm"; - } - 40% { - content: "Svaneholm"; - } - 60% { - content: "Kinnarumma"; - } - 80% { - content: "Seglora"; - } -} - -main.info-main { - width: 100%; -} - -.info-first-div { - background: #092626; -background: linear-gradient(0deg, rgba(9, 38, 38, 1) 0%, rgba(20, 52, 66, 1) 64%, rgba(59, 98, 161, 1) 100%); - height: 300px; - width: 100%; - z-index: 1; - position: relative; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - padding-bottom: 100px; -} - -.info-second-div { - min-height: 400px; - padding-top: 150px; - margin-top: -150px; - z-index: 2; - background-color: #fff; - position: relative; - width: 100%; - display: flex; - flex-direction: column; - align-items: center; - -webkit-clip-path: polygon(50% 17%, 100% 0, 100% 84%, 50% 100%, 0 84%, 0 0); - clip-path: polygon(50% 17%, 100% 0, 100% 84%, 100% 100%, 0 100%, 0 0); - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} - -.info-second-div-inner-container { - width: 90%; - display: flex; - flex-direction: column; - align-items: center; - text-align: center; - max-width: 600px; - margin: 0 auto; -} - -.info-second-div-inner-container a { - margin-top: 30px; - align-items: center; - background: #FFFFFF; - border: 0 solid #E2E8F0; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-sizing: border-box; - color: #1A202C; - display: inline-flex; - font-family: Inter, sans-serif; - font-size: 1rem; - font-weight: 700; - height: 56px; - justify-content: center; - line-height: 24px; - overflow-wrap: break-word; - padding: 24px; - text-decoration: none; - width: auto; - border-radius: 8px; - cursor: pointer; - user-select: none; - -webkit-user-select: none; - touch-action: manipulation; -} - -.gallery-container { - max-width: 1920px; - margin: 0 auto; - display: grid; - grid-template-columns: repeat(2, minmax(250px, 1fr)); - gap: 15px; - padding: 20px; - grid-template-rows: 300px; - - @media screen and (min-width: 1440px) { - grid-template-columns: repeat(4, minmax(250px, 1fr)); - } -} - -.gallery-item { - height: 300px; - width: auto; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - - p { - height: 10%; - } - - img { - width: 100%; - height: 90%; - object-fit: contain; - } -} - -footer { - position: absolute; - bottom: 0; - right: 0; - left: 0; - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - width: 100%; - text-align: center; -} - -footer.footer-info { - position: unset; - bottom: unset; - right: unset; - left: unset; -} - -.footer-text { - padding: 10px 0; - background-color: #092626; - color: white; - width: 100%; - margin-top:50px; - display: flex; - justify-content: center; - align-items: center -} - -footer a { - margin-top: 30px; - align-items: center; - background: #FFFFFF; - border: 0 solid #E2E8F0; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-sizing: border-box; - color: #1A202C; - display: inline-flex; - font-size: 1rem; - font-weight: 700; - height: 56px; - justify-content: center; - line-height: 24px; - overflow-wrap: break-word; - padding: 24px; - text-decoration: none; - width: auto; - border-radius: 8px; - cursor: pointer; - user-select: none; - -webkit-user-select: none; - touch-action: manipulation; -} \ No newline at end of file diff --git a/info.php b/info.php deleted file mode 100644 index 65bac12..0000000 --- a/info.php +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - -
-
- -

vBytes
♥

-

- -
-
-
-

- Vad är detta för nåt? -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. -

- -

- Lorem ipsum dolor -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. -

- - -
-
-
- - - \ No newline at end of file diff --git a/pages/1.html b/pages/1.html deleted file mode 100644 index b83e4e1..0000000 --- a/pages/1.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - -
-
Hej från 1.html
-
- - - \ No newline at end of file diff --git a/pages/demo.html b/pages/demo.html new file mode 100644 index 0000000..072ede9 --- /dev/null +++ b/pages/demo.html @@ -0,0 +1,26 @@ + + + + + + + + +

+ Du är en stjärna! +

+ +

+ Kom ihåg att du är viktig och att du gör världen bättre! +

+ + + +
+

Dagens utmaning

+

+ Säg något snällt till en kompis! +

+
+ +