{"id":28960453,"url":"https://github.com/rebeckakinn/webinar_oppgave","last_synced_at":"2026-04-22T23:35:48.919Z","repository":{"id":300746642,"uuid":"1006931372","full_name":"RebeckaKinn/webinar_oppgave","owner":"RebeckaKinn","description":"En enkel oppgave man kan bruke for å prøve seg frem på å sette opp en nettside med HTML og JS","archived":false,"fork":false,"pushed_at":"2025-06-23T11:04:53.000Z","size":11,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-23T11:49:34.393Z","etag":null,"topics":["assignment","beginner","beginner-friendly","beginner-project","css","css3","first-project","first-timers","html","html-css-javascript","html5","javascript","norwegian","students","webinar"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RebeckaKinn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-23T07:59:38.000Z","updated_at":"2025-06-23T11:14:52.000Z","dependencies_parsed_at":"2025-06-23T11:49:36.501Z","dependency_job_id":"3da89428-6e4f-4998-9bb9-3b5fe20636e9","html_url":"https://github.com/RebeckaKinn/webinar_oppgave","commit_stats":null,"previous_names":["rebeckakinn/webinar_oppgave"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/RebeckaKinn/webinar_oppgave","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RebeckaKinn%2Fwebinar_oppgave","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RebeckaKinn%2Fwebinar_oppgave/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RebeckaKinn%2Fwebinar_oppgave/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RebeckaKinn%2Fwebinar_oppgave/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RebeckaKinn","download_url":"https://codeload.github.com/RebeckaKinn/webinar_oppgave/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RebeckaKinn%2Fwebinar_oppgave/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261584269,"owners_count":23180681,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["assignment","beginner","beginner-friendly","beginner-project","css","css3","first-project","first-timers","html","html-css-javascript","html5","javascript","norwegian","students","webinar"],"created_at":"2025-06-24T01:14:50.651Z","updated_at":"2026-04-22T23:35:48.876Z","avatar_url":"https://github.com/RebeckaKinn.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NO: Velkommen til kodeverkstedet! \n\nDu har nå fått et lite utgangspunkt for en nettside, og målet er enkelt: **Lek deg frem og utforsk hvordan nettsiden er bygd opp**!  \nDu trenger ingen forkunnskaper – bruk nysgjerrighet som verktøy.\n\n---\n\n## 🧱 Hva inneholder prosjektet?\n\nDu har tre filer du kan åpne i Visual Studio Code:\n\n### `index.html`\nDette er selve rammeverket til nettsiden. Her kobles både stil (CSS) og funksjonalitet (JavaScript) til.\n\n### `script.js`\nDenne filen lager innholdet på nettsiden med JavaScript. Innholdet legges inn når funksjonen `renderPage()` kjøres.\n\n### `style.css`\nHer bestemmes utseendet. For eksempel hvordan bildet ser ut, farger, plassering osv.\n\n📸 Det ligger også et par bilder i mappen du kan bruke på nettsiden!\n\n---\n\n## 🔍 Prøv dette\n\nDu velger selv hva du vil teste, men her er noen forslag til hva du kan gjøre:\n\n### 1. Endre innholdet\n- Gå inn i `script.js`\n- Finn funksjonen `createMain()`\n- Endre teksten i `\u003ch1\u003e` og `\u003ch2\u003e` slik at det står ditt navn og en velkomstmelding du lager selv\n\n### 2. Bytt profilbilde\n- I samme funksjon ligger det et `\u003cimg\u003e`-element\n- Endre filnavnet i `src=\"...\"` til et annet bilde i mappen (eller legg inn et nytt bilde selv!)\n\n### 3. Legg til noe nytt\n- Prøv å legge til et ekstra avsnitt (`\u003cp\u003e`) eller et nytt bilde i `createMain()` eller `createFooter()`\n- Du kan bruke vanlig HTML inne i tekstblokkene i JavaScript\n\n### 4. Gi nettsiden din egen stil\n- Åpne `style.css`\n- Prøv å endre:\n  - Fargen på bakgrunnen (`background-color`)\n  - Størrelsen på teksten (`font-size`)\n  - Kantlinjer, marger, rammer – bare prøv deg frem!\n\n---\n\n## 💡 Tips\n\n- Hvis noe **ikke** funker: Det er helt vanlig! Se etter små feil som manglende semikolon, feil bildefilnavn, `{}` som mangler osv.\n- Bruk nettleseren til å sjekke hvordan nettsiden ser ut – og **oppdater siden hver gang du lagrer**!\n- Du trenger ikke gjøre *alt* – velg det som virker gøy eller spennende for deg.\n\n---\n\n## 🎯 Målet\n\nBare kos deg med å **rote litt i koden** og bli kjent med hvordan HTML, CSS og JavaScript henger sammen.  \nKanskje dette er noe for deg?\n\n\n\n\n# EN: Welcome to the Web Coding Workshop! \n\nYou've been given a simple starting point for a basic website. The goal is easy: **play around and explore how a website is built**!\n\nNo coding experience needed — just curiosity.\n\n---\n\n## 🧱 What's in the project?\n\nYour project folder includes three key files. Open them in Visual Studio Code:\n\n### `index.html`\nThis is the structure of the webpage. It links together the style (CSS) and functionality (JavaScript).\n\n### `script.js`\nThis file dynamically generates the page content using JavaScript. It runs the `renderPage()` function to build the page.\n\n### `style.css`\nThis file controls the look and feel — how things are styled, aligned, colored, and more.\n\n📸 There are also a couple of images in the folder that you can use on your website!\n\n---\n\n## 🔍 Try it out!\n\nYou can explore however you'd like, but here are a few ideas to get you started:\n\n### 1. Change the content\n- Open `script.js`\n- Find the `createMain()` function\n- Edit the `\u003ch1\u003e` and `\u003ch2\u003e` text to show your own name and a custom welcome message\n\n### 2. Swap the profile image\n- Inside the same function, there's an `\u003cimg\u003e` element\n- Change the `src=\"...\"` to use another image from the folder (or add your own!)\n\n### 3. Add something new\n- Try adding a new paragraph (`\u003cp\u003e`) or an image inside `createMain()` or `createFooter()`\n- You can write regular HTML inside the JavaScript template strings\n\n### 4. Customize the style\n- Open `style.css`\n- Try changing:\n  - The background color (`background-color`)\n  - The font size (`font-size`)\n  - Add borders, spacing, or padding — experiment freely!\n\n---\n\n## 💡 Tips\n\n- If something **doesn't work** — that's totally normal! Look for small errors like missing semicolons or incorrect file names.\n- Open the site in a browser and **refresh the page every time you save**.\n- You don’t need to try everything — just do what feels fun or interesting!\n\n---\n\n## 🎯 Goal\n\nJust enjoy **messing around with the code** and get a feel for how HTML, CSS, and JavaScript work together.  \nYou might discover that web development is your thing!\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frebeckakinn%2Fwebinar_oppgave","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frebeckakinn%2Fwebinar_oppgave","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frebeckakinn%2Fwebinar_oppgave/lists"}