github.com/navikt/knorten@v0.0.0-20240419132333-1333f46ed8b6/templates/shared/head.tmpl (about)

     1  {{ define "head" }}<!doctype html>
     2  <html lang="en">
     3  <head>
     4      <title>Knorten by nada</title>
     5      <meta charset="utf-8"/>
     6      <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
     7      <link rel="icon" sizes="32x32" href="/assets/img/knorten.svg">
     8      <link
     9              rel="preload"
    10              href="https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2"
    11              as="font"
    12              type="font/woff2"
    13              crossorigin
    14      />
    15      <script type="text/javascript">
    16          !function(){"use strict";!function(e,t){var r=e.amplitude||{_q:[],_iq:{}};if(r.invoked)e.console&&console.error&&console.error("Amplitude snippet has been loaded.");else{var n=function(e,t){e.prototype[t]=function(){return this._q.push({name:t,args:Array.prototype.slice.call(arguments,0)}),this}},s=function(e,t,r){return function(n){e._q.push({name:t,args:Array.prototype.slice.call(r,0),resolve:n})}},o=function(e,t,r){e._q.push({name:t,args:Array.prototype.slice.call(r,0)})},i=function(e,t,r){e[t]=function(){if(r)return{promise:new Promise(s(e,t,Array.prototype.slice.call(arguments)))};o(e,t,Array.prototype.slice.call(arguments))}},a=function(e){for(var t=0;t<g.length;t++)i(e,g[t],!1);for(var r=0;r<m.length;r++)i(e,m[r],!0)};r.invoked=!0;var c=t.createElement("script");c.type="text/javascript",c.integrity="sha384-wV43EzMsYAnBGrsHb4VUxdN6tB8JXGy0aKDBTy82bYrpd1/hIEkpPFqkzEAkLz8X",c.crossOrigin="anonymous",c.async=!0,c.src="https://cdn.amplitude.com/libs/analytics-browser-2.5.3-min.js.gz",c.onload=function(){e.amplitude.runQueuedFunctions||console.log("[Amplitude] Error: could not load SDK")};var u=t.getElementsByTagName("script")[0];u.parentNode.insertBefore(c,u);for(var p=function(){return this._q=[],this},l=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove","getUserProperties"],d=0;d<l.length;d++)n(p,l[d]);r.Identify=p;for(var f=function(){return this._q=[],this},v=["getEventProperties","setProductId","setQuantity","setPrice","setRevenue","setRevenueType","setEventProperties"],y=0;y<v.length;y++)n(f,v[y]);r.Revenue=f;var g=["getDeviceId","setDeviceId","getSessionId","setSessionId","getUserId","setUserId","setOptOut","setTransport","reset","extendSession"],m=["init","add","remove","track","logEvent","identify","groupIdentify","setGroup","revenue","flush"];a(r),r.createInstance=function(e){return r._iq[e]={_q:[]},a(r._iq[e]),r._iq[e]},e.amplitude=r}}(window,document)}();
    17          
    18          var apiKey;
    19          if (window.location.href.includes("knorten.knada.io")) {
    20              apiKey = "2327f913e286c0ca58a41c523b3b5d09";
    21          } else {
    22              apiKey = "f9fef418c20574ded7e0ed89687b0b28";
    23          }
    24  
    25          amplitude.init(apiKey, {
    26              serverUrl: "https://amplitude.nav.no/collect",
    27              serverZone: "EU",
    28              batchEvents: false,
    29              includeReferrer: true,
    30              defaultTracking: {
    31                  attribution: false,
    32                  pageViews: true,
    33                  sessions: true,
    34                  formInteractions: true,
    35                  fileDownloads: true,
    36                  },
    37              });
    38      </script>
    39      <link rel="stylesheet" href="/assets/css/main.css"/>
    40  </head>
    41  <body class="w-full flex flex-col items-center min-h-screen bg-gradient-to-br from-purple-500 via-red-200 to-orange-500">
    42  <header class="w-full bg-[#00374F] flex justify-center">
    43      <div class="max-w-2xl grow flex justify-between py-2 text-white">
    44          <a href="/" class="flex gap-2 items-center">
    45              <img class="hover:animate-spin w-12 h-12" src="/assets/img/knorten.svg"/>
    46              <h1 class="text-2xl font-bold">KNORTEN</h1>
    47              <span class="text-">by nada</span>
    48          </a>
    49          <nav class="flex items-center gap-2">
    50              {{ if .isAdmin }}
    51                  <a href="/admin" class="navds-button navds-button--small navds-button--secondary">Admin</a>
    52              {{ end }}
    53              {{ if .loggedIn }}
    54                  <a href="/oversikt"
    55                     class="navds-button navds-button--small navds-button--secondary bg-initial">Teams</a>
    56                  <a href="/oauth2/logout" class="navds-button navds-button--small navds-button--secondary bg-initial">Logg
    57                      ut</a>
    58              {{ else }}
    59                  <a href="/oauth2/login" class="navds-button navds-button--small navds-button--secondary bg-initial">Logg
    60                      inn</a>
    61              {{ end }}
    62          </nav>
    63      </div>
    64  </header>
    65  <div class="max-w-screen-md flex my-8 grow"> {{/* main container start */}}
    66      <section class="w-full md:w-[64rem] flex flex-col gap-4 p-4"> {{/* main section start */}}
    67          <article class="bg-white rounded-md p-4">
    68              <h2 class="pb-4">Viktig melding!</h2>
    69              <p class="flex items-center gap-4 pb-4">
    70                  NADA holder på å skrive Knorten om til å være hendelsesbasert! Dette betyr at i en periode vil
    71                  frontenden henge litt etter hva som skjer i backenden. For deg betyr det at du må oppdatere nettsiden
    72                  for å kunne se endringer.
    73              </p>
    74              <p>For eksempel; hvis du lager et nytt team, så vil du bli tatt tilbake til oversikts-siden uten at det nye
    75                  teamet vises. Neste gang du oppdaterer vil teamet sannsynligvis være der. Det tar ca. 1 minutt å gjøre
    76                  alt som kreves for et nytt team.</p>
    77          </article>
    78          {{ end }}