Nav links | Font family: Maven Pro \u2014 Regular | font-size: 24px | line-height: 42px | color: #272727 | color on hover: #545454 | Color on active: #717171 | Dustance between links: 30px <\/li><\/ul>\n\n\n\nExperimentation<\/h3>\n\n\n\n
Jeg begyndte at kode hjemmesiden. Jeg byggede siden med HTML5, CSS3 og Javascript.<\/p>\n\n\n\n
Jeg anvender Google fonts. Det er de samme skriftyper jeg importerer som er specificeret i min styletyle.<\/p>\n\n\n\n
Jeg anvender fontawesome for at vise ikoner. Efter siden begyndte at v\u00e6re f\u00e6rdig, t\u00e6nkte jeg at det ville give god mening at give et extra visuelt flare i form af ikoner. Krydset i \u00e5bne cases og kvalifikationer fra style tile er blevet udskiftet med et mere passende ikon.<\/p>\n\n\n\n
Jeg valgte at afvige fra mit style tile i forhold til valg af farver. Nogle \u00e6ndringer er taget for at \u00f8ge kontrasten p\u00e5 indhold. Site subtitle har jeg valgt en hvid baggrund, for at give st\u00f8rre kontrast til baggrunden bag, og teksten i Site subtitle. Baggrundsfarven i header kan \u00e6ndre sig, afh\u00e6ngigt af sk\u00e6rmbredden. For at sikre kontrast er der blevet lavet en sort kant rundt om teksten i site title og site sub title. For at tilf\u00f8je mere farve til siden har jeg valgt at anvende flere farver til overskrifter, cases og skills. Farvede baggrunde kasser er blevet tilf\u00f8jet til h1 og h2 overskrifter. Varierede farvede kanter og farvede hover overlays er blevet tilf\u00f8jet til cases. Varierede baggrundsfarver er blevet tilf\u00f8jet til skills.<\/p>\n\n\n\n
Ligesom der er specificeret i wireframe vil sub titles teksten \u00e6ndre sig. Sub titles udskiftes ved aktivt at \u00e6ndre indholdet der vises p\u00e5 sk\u00e6rmen med Javascript. For at indholdet giver mening under indeksering, s\u00e5 vil der altid st\u00e5 “web designer” n\u00e5r siden indl\u00e6ses. Der kan st\u00e5 mange ting. Alle de ting der kan st\u00e5 er titler jeg kunne finde p\u00e5 at bruge, eller udtryk der beskriver noget jeg kan lave.<\/p>\n\n\n\n
En sidenavigation er blevet tilf\u00f8jet i til venstre side i dokumentet. Denne anvendes som den traditionelle navigation. Den indeholder dog kun ikoner til at visualisere sidens sektioner.<\/p>\n\n\n\n
M\u00e6ngden af tekst der skulle skrives var ret omfattende. Der er over 2 tusinde linjer kode p\u00e5 tv\u00e6rs af dokumenterne. Teksten der er anvendt i cases og kvalifikationer var tidskr\u00e6vende at arbejde med. Teksten skulle f\u00f8rst skrives, derefter importeres, s\u00e5 testes og til sidst rettes til hvis der var fejl.<\/p>\n\n\n\n
I wireframet blev der specificeret to sider. Jeg valgte at lave hele alt indhold p\u00e5 en side. Dette valg nogle andre \u00e6ndringer i forhold til style tile. Hoved Navigationen viser ikke hvor man er, som specificeret i style tile. Man alligevel ikke ville kunne se det n\u00e5r man er ved sektionen, medmindre man har en meget h\u00f8j sk\u00e6rm. Logo og portr\u00e6tbilledet er ikke l\u00e6ngere links, da man altid er p\u00e5 forsiden, og man ikke beh\u00f8ver at anvende dem som navigation.<\/p>\n\n\n\n
Evolution<\/h3>\n\n\n\n
P\u00e5 sigt vil jeg gerne erstatte fontawesome ikonerne med nogle jeg selv har udarbejdet. At designe en stor m\u00e6ngde ikoner tager tid, s\u00e5 jeg valgte at importere nogen for nu.<\/p>\n\n\n\n
Jeg vil gerne have flere cases ind som jeg har arbejdet p\u00e5 f\u00f8r i tiden. Jeg vil aktivt tilf\u00f8je nye cases til siden.<\/p>\n\n\n\n
Jeg vil ogs\u00e5 gerne tilf\u00f8je metadata til cases. Som f.eks. udf\u00f8relsestidspunkter for cases, tilf\u00f8jelses dato og kategorier. Jeg kunne ogs\u00e5 godt t\u00e6nke mig at have separate sider til cases, eller som minimum muligheden for at dele links til cases man ser. Uanset valg af l\u00f8sning, s\u00e5 vil jeg anvende PHP til fremtidige versioner, og tilf\u00f8je cases og kvalifikationer til en database, hvor jeg henter dem fra.<\/p>\n\n\n\n
Som der kommer flere cases og kvalifikationer p\u00e5 siden, kunne det v\u00e6re praktisk med s\u00f8gefunktioner, filter og sorteringsmuligheder. Det er noget jeg m\u00e5ske vil implementere i fremtidige versioner.<\/p>\n\n\n\n
Jeg kunne godt t\u00e6nke mig at tilf\u00f8je flere grafiske elementer til siden i form af “glitch art”. Lidt ligesom med kasserne der anvendes til h1 og h2 overskrifter, vil jeg gerne tilf\u00f8je flere ting der bryder traditionelt design. M\u00e5ske vil jeg endda animere noget af det.<\/p>\n","protected":false},"excerpt":{"rendered":"
1. semester projekttet p\u00e5 Multimediedesign d\u00e6kker over at udvikle 2 arbejdsportef\u00f8ljer og en synopsis der d\u00e6kker over de 4 projekter der har v\u00e6ret i l\u00f8bet af det f\u00f8rste semester p\u00e5 uddannelsen. De 2 arbejdsportef\u00f8ljer er et pr\u00e6sentationsportefolio kodet fra bunden, og et procesportfolio (denne side). Link til l\u00f8sningen: maxfest.dk. Procesportfolio er lavet, men skulle overholde…<\/p>\n","protected":false},"author":1,"featured_media":1162,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[18,24],"class_list":["post-1078","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hjemmesider","tag-mmd","tag-mmd-projekt"],"_links":{"self":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/1078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/comments?post=1078"}],"version-history":[{"count":24,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/1078\/revisions"}],"predecessor-version":[{"id":1163,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/1078\/revisions\/1163"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media\/1162"}],"wp:attachment":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media?parent=1078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/categories?post=1078"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/tags?post=1078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Screenshot](\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/12\/maxfest.jpg\")
<\/a><\/figure>\n\n\n\n![\"Moodboard](\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/12\/moodboard_protfolio-724x1024.png\")