Å bygge et nettsted med HTML, CSS og Javascript

[Zenobia]

proghodet skrev (1 minutt siden):

Jeg har (fancy words incoming) klonet repoet ditt lokalt (norsk: lastet ned filene dine på min maskin 😂)
Jeg vil ta en liten inspeksjon/ opprydding så jeg ser hva som har skjedd siden sist jeg kikket på det

Hvis jeg finner på noe lurt, så lager jeg en "pull request", det vil si at jeg spør om å få lov å oppdatere kodefilene dine på github. Så kan du se igjennom alle endringene og velge å godta, eller avslå

Men for å svare på det du spør om - vanlig CSS blir veldig mange linjer. Det er dessverre ikke til å unngå, og derfor man gjerne begynner å bruke noe sånt som SCSS etterhvert. Men for et prosjekt som dette blir det litt overkill, og det er mer enn nok å lære CSS først tenker jeg 😊

Oppdatér av hjertens lyst!

Det kommer en engelsk versjon. Indeksfila heter indexeng. I tilfelle du skulle lure på hva det er.

Jeg har fått prologen oversatt, og fila er laget, ribbet for css. Jeg ser hva du skriver. Er litt både på github og i vscode (det er et gullprogram, takk!) Prøver det du foreslår ...

[proghodet]

5 minutter siden, Zenobia said:

Oppdatér av hjertens lyst!

Will do!
 

5 minutter siden, Zenobia said:

Det kommer en engelsk versjon.

Er du sikker på at du vil ha tospråklig? Vil virkelig ikke anbefale det når du jobber med en statisk nettside, siden det blir så sjukt mange filer å holde styr på etterhvert 🤔

[Zenobia]

proghodet skrev (1 minutt siden):

Will do!
 

Er du sikker på at du vil ha tospråklig? Vil virkelig ikke anbefale det når du jobber med en statisk nettside, siden det blir så sjukt mange filer å holde styr på etterhvert 🤔

Det var da jeg skjønte at stilark virkelig er tingen. Jeg lagde en engelsk forside lett som en plett, jo   All stilen blir jo helt den samme, bare teksten blir annerledes. Men jeg forstår og anerkjenner skepsisen. Jeg tar bare litt og litt. Foreløpig er målet kun å ha engelsk forside (stort sett i boks) en tabell (nesten i boks?) og prolog-teksten (ligger ute uten stil).

Holder orden på norsk/engelsk manus-tekst med stor forbokstav på den norske.

Det er lov å helle kaldt vann i blodet mitt 😬

[proghodet]

9 minutter siden, Zenobia said:

Det er lov å helle kaldt vann i blodet mitt 😬

Det er kjipt å dempe noens entusiasme 😂

Men hvis du først skal ha tospråklig, så vil jeg anbefale å sette opp absolutt alt på norsk først, og når du er helt happy med den, så kan du utvide med engelsk-versjon.

9 minutter siden, Zenobia said:

Holder orden på norsk/engelsk manus-tekst med stor forbokstav på den norske.

Hva med å lage en mappe som heter "en", hvor du legger de engelske filene dine (med unntak av index)?
Da får du URL'er som https://navnpånettsted/en/personell eller https://navnpånettsted/en/prologue

Endret 16. juni 2022 av proghodet

[Zenobia]

proghodet skrev (Akkurat nå):

Det er kjipt å dempe noens entusiasme 😂

Men hvis du først skal ha tospråklig, så vil jeg anbefale å sette opp absolutt alt på norsk først, og når du er helt happy med den, så kan du utvide med engelsk-versjon.

Hva med å lage en mappe som heter "en", hvor du legger de engelske filene dine (med unntak av index)?
Da får du URL'er som https://navnpånettsted/en/personell eller https://navnpånettsted/en/prologue

Da lager jeg en mappe som heter eng, og der det KUN skal være ett stilark.

[Zenobia]

Jeg brukte img på prologue - men da kommer teksten nedenfor. Leser om text-block nå ...

Så var det å gjøre bildet blått ...

 

[Zenobia]

Jeg la filter="hue-rotate(180deg)" inni img-tag, men det funket ikke? Hvor skal det stå?
 

[proghodet]

 

9 minutter siden, Zenobia said:

Så var det å gjøre bildet blått ...

Hmm?

Spoiler

 

Endret 16. juni 2022 av proghodet

[Zenobia]

proghodet skrev (1 minutt siden):

 

Hmm?

  Skjul innhold

 

Yess!!

 

[proghodet]

1 minutt siden, Zenobia said:

Jeg la filter="hue-rotate(180deg)" inni img-tag, men det funket ikke? Hvor skal det stå?
 

Det er en css-regel, ikke et html-attributt

Så hvis du inliner det, så blir det style="filter: hue-rotate(180deg);" på img-tag'en

hvis du bruker klasser blir det slik:
<img class="myFilter" src="...">

.myFilter {
  filter: hue-rotate(180deg);
}

[Zenobia]

proghodet skrev (Akkurat nå):

Det er en css-regel, ikke et html-attributt

Så hvis du inliner det, så blir det style="filter: hue-rotate(180deg);" på img-tag'en

hvis du bruker klasser blir det slik:
<img class="myFilter" src="...">

.myFilter {
  filter: hue-rotate(180deg);
}

Ah, det var nok style jeg skulle brukt. Men nå har du jo løst det

[Zenobia]

Se forøvrig PM

Kan jeg ønske meg dette?

Vil at teksten skal begynne midt i bildet med først '001', pil ned, (= '001' fyker opp) og 'Prolog' kommer til midten istedenfor, pil ned, (='Prolog' fyker opp) og overskrift starter fra midten, så teksten. (Ikke hver setning midtstilt, men en midtstilt blokk, ca 40% width) <- løst

Pil ned flytter teksten som vanlig. På andre enheter bruker man sveip opp.

[proghodet]

1 minutt siden, Zenobia said:

Se forøvrig PM

Kan jeg ønske meg dette?

Vil at teksten skal begynne midt i bildet med først '001', pil ned, (= '001' fyker opp) og 'Prolog' kommer til midten istedenfor, pil ned, (='Prolog' fyker opp) og overskrift starter fra midten, så teksten. (Ikke hver setning midtstilt, men en midtstilt blokk, ca 40% width) <- løst

Pil ned flytter teksten som vanlig. På andre enheter bruker man sveip opp.

Hurrm. Det går absolutt an, men akkurat den der er litt mer tidkrevende - det blir ikke i kveld foråsiresånn 😅

[Zenobia]

proghodet skrev (Akkurat nå):

Hurrm. Det går absolutt an, men akkurat den der er litt mer tidkrevende - det blir ikke i kveld foråsiresånn 😅

Da setter jeg manus 001: Løst inntil videre

Får jeg fila på github, eller hvordan funker det?

[proghodet]

8 minutter siden, Zenobia said:

Da setter jeg manus 001: Løst inntil videre

Får jeg fila på github, eller hvordan funker det?

Yes, jeg må bare få ferdigstilt et par ting først. Det ble en røsk i filstruktur og HTML-filer dag, også fortsetter jeg med CSS'en i morgen, tenker jeg

[Zenobia]

proghodet skrev (2 minutter siden):

Yes, jeg må bare få ferdigstilt et par ting først. Det ble en røsk i filstruktur og HTML-filer dag, også fortsetter jeg med CSS'en i morgen, tenker jeg

Fantastisk   har visst noe gammel js også. Turte ikke å slette den gamle sorteringen, så jeg gjemte den i noen andre js. Tror du skjønner.

Takker for kveldens innsats

[proghodet]

3 minutter siden, Zenobia said:

Fantastisk   har visst noe gammel js også. Turte ikke å slette den gamle sorteringen, så jeg gjemte den i noen andre js. Tror du skjønner.

Takker for kveldens innsats

Bare hyggelig! Prøvde å pushe nå, men jeg har visst ikke tilgang. Kan du legge meg til som en "collaborator" ?

Repo => Settings => Collaborators => bekreft passord => add people => legg meg til 😁

[Zenobia]

proghodet skrev (11 minutter siden):

Bare hyggelig! Prøvde å pushe nå, men jeg har visst ikke tilgang. Kan du legge meg til som en "collaborator" ?

Repo => Settings => Collaborators => bekreft passord => add people => legg meg til 😁

t'øyeblikk ...

Check! Pending invite

Endret 16. juni 2022 av Zenobia

[Zenobia]

Har lastet opp bakgrunnsbilde til 002-bonus. Den bør vel nå være i assets/img-mappen. Hvordan flytter jeg en fil i github?

Lastet opp på nytt, så nå kan bildet slettes der det ligger feil.

Her må filteret av, ser jeg   Og noe omskalering. Kommer tilbake i aften.

Endret 17. juni 2022 av Zenobia

[Zenobia]

@proghodet Kommentar til bildene:

Bildet med syv sirkler (= syv lett snurrende planeter) er siden man kommer til når man klikker på knappen 'Kosmografi'.
Bildet med Triumviratet ... er undersiden man kommer til når man klikker på den øverste blokken på syv planets-siden.
Bildet med sirkel + 'Tekst om planet', er undersiden man kommer til når man klikker på én av planetene på syv planets-siden.

Mener du konkrete farvevalg, størrelser, bilder?

Sjekker akkurat nå ut en solsystem-generator. Kosmografi-knappen er ikke prioritert 😬 så der er det lite underlag foreløpig. https://rollforfantasy.com/tools/solar-system-creator.php

Mulig denne kan brukes til Zenius:

Hvis det er mulig å få til noen skarpere farveskiller.

Euforia er rosa, men dette bildet er ikke rundt ...

 

Sagior er gråblå ...

Kanskje noe filter her ... Lillaskjær i solnedgangene.

 

Diamand er stort sett innhyllet i hvitt

Filter!

Ekstasia er gullskimrende

Blir visst noe filterbruk   Denne hadde riktig struktur, men feil farve.

 

Ýztrion er en måneplanet:

 

Med mye nordlys-aktivitet

Endret 17. juni 2022 av Zenobia