Hoppa till innehåll
NIT , Startsida
NIT , Startsida
Kontakt

Jönköping · Västerås

EN EnglishSV Svenska

Plattformen Den här sidan är byggd i verktyget den handlar om.

Sidor, språk, bilder och formulär för Norin IT, Polarstigen och GnosjöBo kommer ur samma plattform. Byt utseende, visa blocken, läs sidan som kod.

Reglaget längst ner till vänster fungerar på alla sidor.

Byt utseende
Visa hur sidan är byggd

Utseende

Ett utseende är data, inte en ny sajt.

Färger, typsnitt, hörn och rörelse är namngivna värden. Byt dem, så byter allt som läser dem utseende samtidigt.

Läge

Gäller tills du stänger fliken. Bara du ser det.

Sajtens eget utseende: varm mörk botten, en orange ton och raka hörn.

Kontrast för brödtext: 15,7:1. Dämpad text: 10,2:1.

Veckans leveranser

Aktiv

Tre order väntar på packning. Nästa bil går klockan två.

Svetsning Lackering Montering

Allt som hör till projektet, på ett ställe.

I tid %
96
Öppna ärenden
12

Det här ändrades

Källa: NIT.UI-norinit-theme packages/themes/norinit/tokens.css @ 374831e

Inget ändras. Det här är sajtens eget utseende.

Tre nivåer: ett designpaket per installation, en rad i databasen per webbplats och sajtens egen stilmall när den behöver mer än värden. Gislatorp är bara en rad; CE Formula, Polarstigen och GnosjöBo har egna paket eller stilmallar.

Uppbyggnad

Sidan, isärplockad.

Varje sida har samma fyra lager: skalet runt om, en sidtyp, blocken i ordning och fragment som delas mellan sidor. Slå på blockvyn, så ritas de ut på sidan du läser.

SkalSidtypBlockFragment
Sidan isärplockad i fyra lager: skal, sidtyp, block och fragment.
Skal
Sidhuvud, sidfot och menyer. Samma på alla sidor.
Sidtyp
Bestämmer sidans fält och vad som ramar in blocken. Den här sidan: Visningssida
Block
Sektionerna i ordning. Varje block har egna fält i redigeraren.
Fragment
Ett stycke som lagras en gång och visas på flera sidor.

Blocken på den här sidan, i ordning

  1. Sidhuvud

    Sidans öppning: etikett, stor rubrik, underrubrik, knappar och bild.

  2. Temaväxlare

    Byter utseende på ett provstycke eller hela sajten och visar vilka värden som ändrades.

  3. Sidans delar

    Plockar isär sidan i skal, sidtyp, block och fragment.

  4. Påstående

    Ett påstående med etikett i marginalen, som band eller som bevis.

  5. Fragment

    Innehåll som lagras en gång och visas på flera sidor.

  6. Språk

    Sidans texter på svenska och engelska bredvid varandra, och hur många fält som är översatta.

  7. Fält

    Ett uppdrags fält och var på sajten vart och ett hamnar.

  8. Sidan som kod

    Den här sidan som den fil vi ändrar, granskar och lägger ut.

  9. Cache

    Vilken del av kedjan som svarade på just det här besöket, och hur snabbt.

  10. Plattform

    En rubrik, en bred skärmbild och modulerna som kort.

  11. Filmer

    Korta filmer från redigeraren.

  12. Påstående

    Ett påstående med etikett i marginalen, som band eller som bevis.

  13. Kontaktformulär

    Ett kort formulär. Svaren hamnar i inkorgen i redigeraren.

Ritar en ram och ett namn runt varje block, på alla sidor tills du stänger av.

Fragment

Stycket nedanför står på fem sidor men lagras en gång per språk. Ändrar vi det, ändras det på alla fem.

Språk

Två språk, ett fält i taget.

Varje text på sidan har en engelsk motsvarighet. Redigeraren håller räkningen: ändras svenskan blir engelskan markerad tills någon har gått igenom den.

  1. Sidan

    Sidtitel
    Svenska: Plattformen
    Engelska: Platform
    Beskrivning för sökmotorer
    Svenska: Plattformen bakom Norin IT, Polarstigen och GnosjöBo. Byt utseende, se sidans block och läs den som kod: block-CMS, två språk och cache, visat på sig själv.
    Engelska: The platform behind Norin IT, Polarstigen and GnosjöBo. Change the look, see the blocks and read the page as code: a block CMS shown on itself.

  2. Plattformen

    Visa sektionen: Plattformen
    Rubrik
    Svenska: Den här sidan är byggd i verktyget den handlar om.
    Engelska: This page is built in the tool it describes.
    Underrubrik
    Svenska: Sidor, språk, bilder och formulär för Norin IT, Polarstigen och GnosjöBo kommer ur samma plattform. Byt utseende, visa blocken, läs sidan som kod.
    Engelska: Pages, languages, images and forms for Norin IT, Polarstigen and GnosjöBo all come out of one platform. Change the look, show the blocks, read the page as code.

  3. Utseende

    Visa sektionen: Utseende
    Rubrik
    Svenska: Ett utseende är data, inte en ny sajt.
    Engelska: A look is data, not a new site.

  4. Uppbyggnad

    Visa sektionen: Uppbyggnad
    Rubrik
    Svenska: Sidan, isärplockad.
    Engelska: The page, taken apart.

  5. Fragment

    Visa sektionen: Fragment
    Rubrik
    Svenska: Stycket nedanför står på fem sidor men lagras en gång per språk. Ändrar vi det, ändras det på alla fem.
    Engelska: The section below appears on five pages but is stored once per language. Change it, and all five change.

  6. Språk

    Visa sektionen: Språk
    Rubrik
    Svenska: Två språk, ett fält i taget.
    Engelska: Two languages, one field at a time.

  7. Fält

    Visa sektionen: Fält
    Rubrik
    Svenska: Uppdragen är data.
    Engelska: Projects are data.

  8. Som kod

    Visa sektionen: Som kod
    Rubrik
    Svenska: Sidan som kod.
    Engelska: The page as code.

  9. Cache

    Visa sektionen: Cache
    Rubrik
    Svenska: Färdig innan du frågar.
    Engelska: Ready before you ask.

  10. Redigeraren

    Visa sektionen: Redigeraren
    Rubrik
    Svenska: Redigeraren.
    Engelska: The editor.

  11. Filmer

    Visa sektionen: Filmer
    Rubrik
    Svenska: Så ser arbetet ut.
    Engelska: What the work looks like.

  12. Uppdraget

    Visa sektionen: Uppdraget
    Rubrik
    Svenska: Polarstigen och GnosjöBo är byggda på samma plattform.
    Engelska: Polarstigen and GnosjöBo are built on the same platform.

  13. Skicka en förfrågan

    Visa sektionen: Skicka en förfrågan
    Rubrik
    Svenska: Vill ni ha en sajt på plattformen?
    Engelska: Want a site on the platform?

Fält

Uppdragen är data.

Varje uppdrag har fält för kund, typ, områden, teknik, år och status. Välj ett uppdrag och se var fälten hamnar på sajten.

Sidfälten för Fastighetsplattformen

Filtren på Uppdrag

Nästa projekt

kedjeordning 4 → 5

Designsystem och temaverktyg

Faktaraden på uppdragssidan

Kund
Polarstigen, GnosjöBo Fastigheter
År
2026
Status
Pilot
Områden
Fastigheter

Korten på Uppdrag

Öppna uppdraget Alla uppdrag

Filtren på Uppdrag och Nästa projekt räknas fram ur fälten. Ingen håller listorna i ordning för hand.

Innehåll som kod

Sidan som kod.

Varje sida finns också som en fil. Vi ändrar i filen, granskar ändringen och lägger ut den. Här är den här sidan.

Sökväg i repot:content/norinit/sv/products/platform.json

{
"title": "Plattformen",
"layout": "showcase",
"sortOrder": 3,
"parent": "products",
"translationKey": "products/platform",
meta: "meta": { … },
"blocks": [
ni-page-hero, id hero: { "id": "hero", "type": "ni-page-hero", … },
ni-platform-themes, id themes: { "id": "themes", "type": "ni-platform-themes", … },
ni-platform-anatomy, id anatomy: { "id": "anatomy", "type": "ni-platform-anatomy", … },
ni-statement, id promise-note: { "id": "promise-note", "type": "ni-statement", … },
fragment, id promise: { "id": "promise", "type": "fragment", … },
ni-platform-languages, id languages: { "id": "languages", "type": "ni-platform-languages", … },
ni-platform-fields, id fields: { "id": "fields", "type": "ni-platform-fields", … },
ni-platform-json, id code: { "id": "code", "type": "ni-platform-json", … },
ni-platform-cache, id cache: { "id": "cache", "type": "ni-platform-cache", … },
ni-case-platform, id editor: { "id": "editor", "type": "ni-case-platform", … },
ni-platform-reel, id reel: { "id": "reel", "type": "ni-platform-reel", … },
ni-statement, id proof: { "id": "proof", "type": "ni-statement", … },
ni-contact, id contact: { "id": "contact", "type": "ni-contact", … }
]
}

Hämta samma fil själv

curl https://staging.norinit.solutions/products/platform.json

Exporterad från den publicerade sidan; filen i vårt repo kan ha handskrivna nycklar.

Leverans

Färdig innan du frågar.

Sidorna sparas färdiga. Ändrar vi något rensas just de sidorna, inte allt.

  1. Webbläsare Sidbyten utan ny sidladdning
  2. Sidcache Färdig HTML, sparad per sida och språk
  3. Rendering Sidan byggs från block och data
  4. API-cache Svar från API:t, sparade per sajt
  5. Databas PostgreSQL
Den här laddningen

Sidbyten inne på sajten hämtar bara data. Den går aldrig via sidcachen.

Redigeraren.

Man skriver direkt på sidan. Det man ser är det som publiceras.

Redigeraren med en uppdragssida på ritytan, blockbiblioteket till vänster och det valda blockets inställningar till höger. Demodata.

  • Blockytan

    Sidan byggs av block som man lägger till, flyttar och skriver i direkt, i sajtens eget utseende.

  • Sidkontroller

    Sidkontroller hittar rubriknivåer, alt-texter och trasiga länkar medan man skriver, och leder till rätt ställe.

  • Översättningsvyn

    Ett fält i taget med källtexten bredvid. Ändras svenskan blir engelskan markerad. XLIFF ut och in för den som översätter i eget verktyg.

  • Fokuspunkt

    Man markerar vad i bilden som ska synas, så beskärs den rätt i alla format. Alt-texten skrivs en gång per språk.

  • Versionshistorik

    Varje sparning blir en version med vem och när. Vilken som helst kan förhandsvisas och tas tillbaka.

  • Kommandopaletten

    Ctrl+K hittar sidor, bilder, fragment, formulärsvar och användare från vilken vy som helst.

Filmer

Så ser arbetet ut.

Korta inspelningar ur redigeraren, med demodata.

Man klickar på ett block på sidan, och inställningarna till höger följer med.

Byggt på plattformen

Polarstigen och GnosjöBo är byggda på samma plattform.

Läs caset

Vill ni ha en sajt på plattformen?

Berätta vad sajten ska göra och vilka som ska skriva i den, så återkommer vi med hur plattformen passar er.

Gäller: Plattformen

Alla fält är obligatoriska.