{
    "path": "/home/krm/dev/mimer-academia/web/html/Tutorial/create-a-web-project.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Skapa ett webprojekt"
    ],
    "author": [
        "krm"
    ],
    "created": {
        "year": 2025,
        "month": 10,
        "day": 21
    },
    "status": "alpha",
    "description": [],
    "statments": [],
    "comment": [],
    "cards": [
        {
            "level": 1,
            "title": [
                "# 👁️‍🗨️ Om detta avsnitt"
            ],
            "description": [
                "Ett enkel sätt att skapa en webbsida som kan användas till grund för många olika projekt."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "📕 Vad är webbsida?"
            ],
            "description": [
                "En webbsida är skriven i html och får sedan sin style med css. Den visas av en webbläsare."
            ],
            "statments": [],
            "comment": []
        },
        {
            "0": "t",
            "1": "a",
            "2": "g",
            "3": "s",
            "level": 1,
            "title": [
                "Namn som används"
            ],
            "description": [
                "Dessa namn finns i html filen."
            ],
            "statments": [
                {
                    "tags": [
                        "TITLE"
                    ],
                    "description": [
                        "Titel på ditt projekt."
                    ]
                },
                {
                    "tags": [
                        "AUTHOR"
                    ],
                    "description": [
                        "Ditt namn."
                    ]
                },
                {
                    "tags": [
                        "START_YEAR"
                    ],
                    "description": [
                        "Året du startade utveckla projektet."
                    ]
                },
                {
                    "tags": [
                        "END_YEAR"
                    ],
                    "description": [
                        "Nuvande år, uppdatera i framtiden om du gör någon modifiering."
                    ]
                },
                {
                    "tags": [
                        "PATH"
                    ],
                    "description": [
                        "Sökväg till en webbmapp."
                    ]
                },
                {
                    "tags": [
                        "PATH_TO_CSS"
                    ],
                    "description": [
                        "En relativ sökväg till din CSS fil."
                    ]
                },
                {
                    "tags": [
                        "FILE_NAME"
                    ],
                    "description": [
                        "Namnet på filen, tänkt på att den ska slutqa på .html."
                    ]
                }
            ],
            "comment": [
                "Använd dem när det behövs."
            ]
        },
        {
            "level": 1,
            "index": 1,
            "title": [
                "Gå till din webbmapp"
            ],
            "description": [
                "Du behöver ha en webbmapp som visar på webben av en webbläsare."
            ],
            "lang": "sh",
            "code": "cd PATH\ncd public/",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 2,
            "title": [
                "Hitta ett bra exemepl"
            ],
            "description": [
                "Du behöver ha en html sida att utgå ifrån. Nedan är en par bra länkar."
            ],
            "statments": [
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://htsit.se/e/layoute/examples.sv.md.html"
                            },
                            "Layoute"
                        ]
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://htsit.se/e/layoute/examples.sv.md.html"
                            },
                            "En tom sida att ladda ned"
                        ]
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "2.1 Dessa länkar kan fungera som inspiration"
            ],
            "description": [],
            "statments": [
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://htsit.se/h/"
                            },
                            "Hall of fame"
                        ]
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 3,
            "title": [
                "Ladda ned sidan och namnge den"
            ],
            "description": [
                "Ladda ned en sida till din dator. Kopiera in den i din mapp coh byt namn till FILE_NAME."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 4,
            "title": [
                "Skriv in värden på namnen"
            ],
            "description": [
                "Öppna filen och byt utvärden i den till dina värden. Om du ska skapa en till websida i projektet kan vi utgå från denna."
            ],
            "lang": "sh",
            "code": "geany FILE_NAME",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 5,
            "title": [
                "Se till att sökvägen till css filen är rätt."
            ],
            "description": [
                "Vi behöver nu använda en extern css fil. Ta bort eventuell kod i style elementet till din css fil. Ändra selektorer om det behövs. Byt ut \nstyle lementet till koden nedan."
            ],
            "lang": "html",
            "code": "<link rel=\"stylesheet\" type=\"text/css\" href=\"PATH_TO_CSS\" />",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 6,
            "title": [
                "✔️ Titta på filen och se att den stämmer"
            ],
            "description": [
                "Vi kan nu ta och titta på filen och se att den stämmer."
            ],
            "lang": "sh",
            "code": "firefox FILE_NAME",
            "statments": [],
            "comment": [
                "Observera att om filen kräver externa resurser kan det krävas att du startar en webbläsare för att se den ordentligt."
            ]
        }
    ]
}