Oppdaterer siden (#408)

* Oppdaterer siden * Markdownlint
petterhol · Apr 7, 2024 · 2981f7a · 2981f7a
1 parent 74ea14d
commit 2981f7a
Showing 1 changed file with 75 additions and 16 deletions.
diff --git a/content/kontaktinfo/index.md b/content/kontaktinfo/index.md
@@ -5,21 +5,80 @@ lastmod = 2020-10-06T22:00:00
 main = { weight = 1, parent = "Petter"}
 +++
 
-<!-- markdownlint-disable MD033 -->
+<!-- markdownlint-disable MD033 MD013 -->
 
-{{% alert
- color="dark"
- align="center"
- header="Dette er min personlige kontaktinformasjon"
-%}}
+<style type="text/css">
+.tg  {border-collapse:collapse;border-color:#ccc;border-spacing:0;}
+.tg td{background-color:#fff;border-color:#ccc;border-style:solid;border-width:1px;color:#333;
+  font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal;}
+.tg th{background-color:#f0f0f0;border-color:#ccc;border-style:solid;border-width:1px;color:#333;
+  font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
+.tg .tg-dncm{border-color:inherit;font-weight:bold;position:-webkit-sticky;position:sticky;text-align:left;top:-1px;
+  vertical-align:top;will-change:transform}
+.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
+.tg .tg-0lax{text-align:left;vertical-align:top}
+@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}</style>
+<div class="tg-wrap"><table class="tg">
+<thead>
+  <tr>
+    <th class="tg-dncm">Kontaktmetode</th>
+    <th class="tg-dncm">Detaljer</th>
+  </tr>
+</thead>
+<tbody>
+  <tr>
+    <td class="tg-0pky">E-post</td>
+    <td class="tg-0pky">hei@petter.dog<text id="epost"><div style="display:none;">hei@petter.dog</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#epost')">Kopier</button></td>
+  </tr>
+  <tr>
+    <td class="tg-0pky">Tekstmelding</td>
+    <td class="tg-0pky">+47 926 96 496<text id="tlf"><div style="display:none;">+4792696496</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#tlf')">Kopier</button></td>
+  </tr>
+  <tr>
+    <td class="tg-0pky">iMessage</td>
+    <td class="tg-0pky">+47 926 96 496<text id="tlf"><div style="display:none;">+4792696496</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#tlf')">Kopier</button></td>
+  </tr>
+  <tr>
+    <td class="tg-0lax">Telefonsamtale</td>
+    <td class="tg-0pky">+47 926 96 496<text id="tlf"><div style="display:none;">+4792696496</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#tlf')">Kopier</button></td>
+  </tr>
+  <tr>
+    <td class="tg-0lax">FaceTime-video</td>
+    <td class="tg-0pky">+47 926 96 496<text id="tlf"><div style="display:none;">+4792696496</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#tlf')">Kopier</button></td>
+  </tr>
+  <tr>
+    <td class="tg-0lax">FaceTime-lyd</td>
+    <td class="tg-0pky">+47 926 96 496<text id="tlf"><div style="display:none;">+4792696496</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#tlf')">Kopier</button></td>
+  </tr>
+  <tr>
+    <td class="tg-0lax">Adresse for brev</td>
+    <td class="tg-0lax">Nordbergbakken 11, 0875 Oslo<text id="nordbergbakken"><div style="display:none;">Nordbergbakken 11, 0875 Oslo</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#nordbergbakken')">Kopier</button></td>
+  </tr>
+  <tr>
+    <td class="tg-0lax">Besøksadresse</td>
+    <td class="tg-0lax">Tirilveien 29, Oslo<text id="tirilveien"><div style="display:none;">Tirilveien 29, Oslo</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#tirilveien')">Kopier</button></td>
+  </tr>
+  <tr>
+    <td class="tg-0lax">Digipost</td>
+    <td class="tg-0lax">petter.holstad#0D8M<text id="digipost"><div style="display:none;">petter.holstad#0D8M</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#digipost')">Kopier</button></td>
+  </tr>
+  <tr>
+    <td class="tg-0lax">Discord</td>
+    <td class="tg-0lax">petterhol<text id="petterhol"><div style="display:none;">petterhol</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#petterhol')">Kopier</button></td>
+  </tr>
+  <tr>
+    <td class="tg-0lax">Letterboxd</td>
+    <td class="tg-0lax">petterdog<text id="petterdog"><div style="display:none;">petterdog</div></text><button class="btn badge badge-light" onclick="copyToClipboard('#petterdog')">Kopier</button></td>
+  </tr>
+</tbody>
+</table></div>
 
-Jeg har roller innen Favrit, Lokaltrafikkhistorisk forening og Sporveismuseet. Hvis du kontakter
-meg på grunn av det, ønsker jeg at du heller kontakter meg på andre måter.
-
-<b><a href="mailto:petter@favrit.com">Send meg en e-post i Favrit</a></b><br>
-<b><a href="mailto:petter@ltf.no">Send meg en e-post gjennom Lokaltrafikkhistorisk forening</a></b><br>
-<b><a href="mailto:petter@sporveismuseet.no">Send meg en e-post gjennom Sporveismuseet</a></b>
-
-{{% /alert %}}
-
-{{< kontaktinformasjon >}}
+<script>
+function copyToClipboard(element) {
+  var $temp = $("<input>");
+  $("body").append($temp);
+  $temp.val($(element).text()).select();
+  document.execCommand("copy");
+  $temp.remove();
+}
+</script>