diff --git a/Codealong/bikes.webp b/Codealong/bikes.webp new file mode 100644 index 0000000..561dea9 Binary files /dev/null and b/Codealong/bikes.webp differ diff --git a/Codealong/model.js b/Codealong/model.js new file mode 100644 index 0000000..ebb2027 --- /dev/null +++ b/Codealong/model.js @@ -0,0 +1,43 @@ +// Sykkelutleie +// Kunden ønsker en applikasjon som skal kunne liste opp syklene den har så andre kan leie dem. Det skal også være mulig å legge til nye sykler etterhvert. +// Lag en modell som kan fungere til teksten ovenfor +// Lag viewfunksjon for å vise frem alle syklene våre +// Lag en controllerfunksjon og et view til for å kunne legge til nye sykler +const header = document.getElementById('header'); +const main = document.getElementById('main'); +const input = document.getElementById('input'); +const model = { + app: { + + }, + input: { + newBike: { + brand: '', + gears: 0, + state: '', + description: '', + isAvilable: true, + } + }, + data: { + bikes: [ + { + id: 1, + brand: 'DBS', + gears: 5, + description: '5 gir er veldig tungt', + state: 'works', + isAvilable: true, + + }, + { + id: 2, + brand: 'DBS', + gears: 7, + description: 'forhjulet er litt skeivt', + state: 'refurbished', + isAvilable: true, + }, + ] + }, +} \ No newline at end of file diff --git a/Codealong/style.css b/Codealong/style.css new file mode 100644 index 0000000..a99199b --- /dev/null +++ b/Codealong/style.css @@ -0,0 +1,27 @@ +body { + margin: 0; + background-image: url("bikes.webp"); + background-color: chocolate; + overflow: hidden; +} +.header { + justify-content: center; + text-align: center; +} +.main { + align-content: center; + width: 50%; + border-radius: 25%; + background-color: aliceblue; + justify-content: center; + text-align: center; +} +.main li { + font-size: x-large; + list-style-type: none; +} +.input{ + width: 50%; + background-color: antiquewhite; + text-align: center; +} \ No newline at end of file