aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorMathias Magnusson <mathias@magnusson.space>2025-09-22 21:25:49 +0200
committerMathias Magnusson <mathias@magnusson.space>2025-09-22 21:25:49 +0200
commita2827963fbf6847166360be635c65dc85d20dd0d (patch)
tree3904f4a24733c4e097eb4baba4283973e5dabdbd /public
parentfb59ea2f57da2abf3c7bd76feddfaf10e109d2f4 (diff)
downloadtraedgaardstomten-a2827963fbf6847166360be635c65dc85d20dd0d.tar.gz
PHP FTW!
Diffstat (limited to 'public')
-rw-r--r--public/index.html54
-rw-r--r--public/index.php43
-rw-r--r--public/kontakt.html28
-rw-r--r--public/kontakt.php17
-rw-r--r--public/omdömen.html45
-rw-r--r--public/omdömen.php32
6 files changed, 92 insertions, 127 deletions
diff --git a/public/index.html b/public/index.html
deleted file mode 100644
index 71f63a1..0000000
--- a/public/index.html
+++ /dev/null
@@ -1,54 +0,0 @@
-<!DOCTYPE html>
-<html lang="sv">
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Trädgårdstomten.se</title>
- <link rel="stylesheet" href="/style.css">
-</head>
-<body>
- <header>
- <section>
- <p>Trädgårdstomten ✂️</p>
- </section>
- <nav>
- <a href="/">Tjänster</a>
- <a href="/omdömen.html">Omdömen</a>
- <a href="/kontakt.html">Kontakt</a>
- </nav>
- </header>
- <main>
- <article>
- <p style="grid-area: p1">
- Jag heter Lucas Magnusson, är 26 år gammal och har flera års yrkeserfarenhet och
- är även utbildad inom trädgård. Jag har alltid varit intresserad av allt som
- växer. Så tidigt som vid 3 års ålder började jag trycka ner frön i jorden.
- Trädgård är och har alltid varit mitt största intresse, min hobby och det jag nu
- jobbar med.
- </p>
- <p style="grid-area: p2">
- Sedan jag slutade gymnasiet (2018) har jag drivit eget företag. Jag har åkt runt
- till trädgårdar och beskurit, klippt häck, fixat med skötsel, designat och
- planterat. Jag tycker det är så kul att dela med mig av den glädjen till mina
- kunder. </p>
- <p style="grid-area: p3">
- Här är några jobb jag gjort, se före och efter bilder:
- </p>
- <img src="/images/lucas.jpg" alt="Lucas Magnusson">
- </article>
- <section>
- <img src="/images/före-1.jpg">
- <img src="/images/efter-1.jpg">
- </section>
- <section>
- <img src="/images/före-3.jpg">
- <img src="/images/efter-3.jpg">
- </section>
- <section>
- <img src="/images/före-4.jpg">
- <img src="/images/efter-4.jpg">
- </section>
- </main>
-</body>
-</html>
diff --git a/public/index.php b/public/index.php
new file mode 100644
index 0000000..8e6f565
--- /dev/null
+++ b/public/index.php
@@ -0,0 +1,43 @@
+<?php require "../include/layout.php"; layout($_); ?>
+<header>
+ <section>
+ <p>Trädgårdstomten ✂️</p>
+ </section>
+ <nav>
+ <a href="/">Tjänster</a>
+ <a href="/omdömen">Omdömen</a>
+ <a href="/kontakt">Kontakt</a>
+ </nav>
+</header>
+<main>
+ <article>
+ <p style="grid-area: p1">
+ Jag heter Lucas Magnusson, är 26 år gammal och har flera års yrkeserfarenhet och
+ är även utbildad inom trädgård. Jag har alltid varit intresserad av allt som
+ växer. Så tidigt som vid 3 års ålder började jag trycka ner frön i jorden.
+ Trädgård är och har alltid varit mitt största intresse, min hobby och det jag nu
+ jobbar med.
+ </p>
+ <p style="grid-area: p2">
+ Sedan jag slutade gymnasiet (2018) har jag drivit eget företag. Jag har åkt runt
+ till trädgårdar och beskurit, klippt häck, fixat med skötsel, designat och
+ planterat. Jag tycker det är så kul att dela med mig av den glädjen till mina
+ kunder. </p>
+ <p style="grid-area: p3">
+ Här är några jobb jag gjort, se före och efter bilder:
+ </p>
+ <img src="/images/lucas.jpg" alt="Lucas Magnusson">
+ </article>
+ <section>
+ <img src="/images/före-1.jpg">
+ <img src="/images/efter-1.jpg">
+ </section>
+ <section>
+ <img src="/images/före-3.jpg">
+ <img src="/images/efter-3.jpg">
+ </section>
+ <section>
+ <img src="/images/före-4.jpg">
+ <img src="/images/efter-4.jpg">
+ </section>
+</main>
diff --git a/public/kontakt.html b/public/kontakt.html
deleted file mode 100644
index 4e8b2ac..0000000
--- a/public/kontakt.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="sv">
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Trädgårdstomten.se</title>
- <link rel="stylesheet" href="/style.css">
-</head>
-<body>
- <header>
- <section>
- <p>Trädgårdstomten ✂️</p>
- </section>
- <nav>
- <a href="/">Tjänster</a>
- <a href="/omdömen.html">Omdömen</a>
- <a href="/kontakt.html">Kontakt</a>
- </nav>
- </header>
- <main>
- <p>Kontakta mig gärna så hör jag av mig så fort jag kan!</p>
- <br>
- <p>Telefonnummer: <a href="tel:+46 76 595 99 19">+46 76 595 99 19</a></p>
- <p>E-postadress: <a href="mailto:lucas253magnusson@gmail.com">lucas253magnusson@gmail.com</a></p>
- </main>
-</body>
-</html>
diff --git a/public/kontakt.php b/public/kontakt.php
new file mode 100644
index 0000000..a23e0c6
--- /dev/null
+++ b/public/kontakt.php
@@ -0,0 +1,17 @@
+<?php require "../include/layout.php"; layout($_); ?>
+<header>
+ <section>
+ <p>Trädgårdstomten ✂️</p>
+ </section>
+ <nav>
+ <a href="/">Tjänster</a>
+ <a href="/omdömen">Omdömen</a>
+ <a href="/kontakt">Kontakt</a>
+ </nav>
+</header>
+<main>
+ <p>Kontakta mig gärna så hör jag av mig så fort jag kan!</p>
+ <br>
+ <p>Telefonnummer: <a href="tel:+46 76 595 99 19">+46 76 595 99 19</a></p>
+ <p>E-postadress: <a href="mailto:lucas253magnusson@gmail.com">lucas253magnusson@gmail.com</a></p>
+</main>
diff --git a/public/omdömen.html b/public/omdömen.html
deleted file mode 100644
index 1b295ea..0000000
--- a/public/omdömen.html
+++ /dev/null
@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html lang="sv">
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Trädgårdstomten.se</title>
- <link rel="stylesheet" href="/style.css">
- <script src="https://unpkg.com/hyperscript.org@0.9.14" crossorigin="anonymous"
- integrity="sha384-NzchC8z9HmP/Ed8cheGl9XuSrFSkDNHPiDl+ujbHE0F0I7tWC4rUnwPXP+7IvVZv"></script>
-</head>
-<body>
- <header>
- <section>
- <p>Trädgårdstomten ✂️</p>
- </section>
- <nav>
- <a href="/">Tjänster</a>
- <a href="/omdömen.html">Omdömen</a>
- <a href="/kontakt.html">Kontakt</a>
- </nav>
- </header>
- <main>
- <div class="height-transition-wrapper">
- <form>
- <label for="name">Namn:</label>
- <input type="text" name="name" id="name">
- <br>
- <label for="review">Omdöme:</label>
- <textarea name="review" id="review"></textarea>
- <br>
- <button>Skicka!</button>
- </form>
- </div>
- <button _="
- on click
- toggle .open on previous <div/>
- if (previous <div/>) match .open then
- set my.innerText to 'Stäng formulär'
- else
- set my.innerText to 'Lämna ett omdöme'
- ">Lämna ett omdöme</button>
- </main>
-</body>
-</html>
diff --git a/public/omdömen.php b/public/omdömen.php
new file mode 100644
index 0000000..c4a912a
--- /dev/null
+++ b/public/omdömen.php
@@ -0,0 +1,32 @@
+<?php require "../include/layout.php"; layout($_); ?>
+<header>
+ <section>
+ <p>Trädgårdstomten ✂️</p>
+ </section>
+ <nav>
+ <a href="/">Tjänster</a>
+ <a href="/omdömen">Omdömen</a>
+ <a href="/kontakt">Kontakt</a>
+ </nav>
+</header>
+<main>
+ <div class="height-transition-wrapper">
+ <form>
+ <label for="name">Namn:</label>
+ <input type="text" name="name" id="name">
+ <br>
+ <label for="review">Omdöme:</label>
+ <textarea name="review" id="review"></textarea>
+ <br>
+ <button>Skicka!</button>
+ </form>
+ </div>
+ <button _="
+ on click
+ toggle .open on previous <div/>
+ if (previous <div/>) match .open then
+ set my.innerText to 'Stäng formulär'
+ else
+ set my.innerText to 'Lämna ett omdöme'
+ ">Lämna ett omdöme</button>
+</main>