kahvikuppi

Oops, I did it!

Harjoitustyön raporttiosuus

Mitä tein?

Tein tämän harjoitustyön oppimisen vuoksi yksin ja siitäkin huolimatta, että olisin voinut kirjoittaa pelkän raportin jo aiemmin tekemästäni. On kuitenkin hiukan eri asia tehdä kotisivut ihan alusta alkaen ilman julkaisujärjestelmää tai aloituspohjaa. Lisäksi käytän työssäni Lessiä enkä puhdasta CSS:ää, joten siitäkin syystä tämä oli opettavaista.

Pari muokkaamaani sivustoa

Olen muokannut mm. alla olevia Concrete5-julkaisujärjestelmällä tehtyjä sivustoja työkaverini tekemästä sivustopohjasta eteenpäin. Koodin osalta olen koskenut CSS-tiedostoihin (tarkemmin sanottuna Less-tiedostoihin) ja jonkin verran myös PHP-tiedostoihin. Myös responsiivisuuden testaaminen ja tarvittavien muutosten tekeminen responsiivisuuden varmistamiseksi on ollut minun osuuttani. Monet asiat olen tehnyt suoraan Concrete5:ssä.

Komea parallax, eikö?


Kolmansien osapuolien kirjastot ja muut aineistot

Tässä on pseudoelementtien avulla listattuna ne kolmansien osapuolten kirjastot ja muut materiaalit, joita olen sivustolla hyödyntänyt. Pallot ja niiden sisällä olevat luvut päivittyvät automaattisesti, jos sisältöä lisätään tai poistetaan. Tähän olen hyödyntänyt CSS:n countersia.

Bootstrap 4

Sivuston tyylittelyyn ja joihinkin toiminnallisuuksiin on hyödynnetty uusinta Bootstrapia eli Bootstrap 4:ää. Bootstrapin mukana tulee sen tarvitsema määrä jQuerya ja Popper.js:ää.

Google Fonts

Sivustolla käytetyt fontit ovat Google Fontseista. Otsikoissa on käytössä "Kanit" ja leipätekstissä "Source Sans Pro".

Font Awesome

Sivustolla olevat ikonit on saatu Font Awesomesta. Niitä on hiukan tyylitelty CSS:llä.

Unsplash

Kaikki sivustolla olevat kuvat ovat peräisin Unsplashista.

Google Maps

Sivuston Ota yhteyttä -sivulla on iframe-upotuksena Google Mapsista saatu kartta. Kartan kohteena on HAMKin Visamäen toimipiste.