Moje portfolio projektów webowych.

• Wystarczy wejść na stronę live: piesikot.co 🐶 🐱.
• Albo otworzyć plik index.html w przeglądarce.

Strona utworzona w minimalistycznym stylu, gdzie w przenośni i dosłownie wszystko* widać czarno na białym.

• W lewym dolnym rogu znajduje się moje logo utworzone ze zdjęcia mojej, już świętej pamięci, suczki - Perełki, do którego wszelkie prawa są zastrzeżone.

• W prawym górnym rogu znajduje się rozwijana lista z odsyłaczami do moich projektów. W przypadku małych ekranów lub dużej rozdzielczości lista ma możliwość przewijania.

Dodatkowo dodałem do strony upiększenie w postaci sławnych kotów, bo któż nie lubi słodkich i zabawnych kotów? Cóż, szczerze mówiąc, to ja jestem takową osobą, bowiem koty są drapieżne, krwiożercze, złośliwe, cyniczne, fałszywe i nie mają uczuć, ale cóż, przynajmniej nie pomagają policji w szukaniu narkotyków, a moje nazwisko to pies i kot, bez dwóch ostatnich liter - Piesik, ot co.

Ponadto wszystkie koty na stronie nie są moją własnością, bo to człowiek jest własnością kota, a nie na odwrót... A właścicielami praw autorskich do nich są inne osoby wymienione w odpowiednich miejscach, a ja używam ich wizerunków wyłącznie w celu zaprezentowania moich umiejętności zaimplementowania ich na stronie.

Strona zawiera interaktywne elementy, np. w postaci tekstowego kota, który ukrywa się w prawym dolnym rogu strony. Żeby kot się ujawnił, wystarczy go pogłaskać kursorem lub palcem (w przypadku ekranów dotykowych). Poza tym, z niektórymi z kotów można wchodzić w interakcje także za pomocą przycisków.

*oprócz wegańskich easter eggsów ;)

• Invertocat to logo GitHub, używane w projekcie wyłącznie jako przycisk społecznościowy, aby poinformować, że ten projekt jest zintegrowany z GitHubem.
• Bongo Cat został utworzony przez StrayRogue.
• Stich jest postacią z bajki wytwórni Walta Disneya.
• Nyan Cat jest postacią, której autorem jest Christopher Torres.

Mój pierwszy, bardzo prosty projekt webowy. Aplikacja pozwala użytkownikowi dodawać i usuwać zadania w przejrzystej liście. Projekt jest minimalistyczny, responsywny i dostępny online w wersji live pod tym tym adresem.

• HTML5 – struktura strony.
• CSS3 – prosty, minimalistyczny styl, responsywne jednostki (vw, vmax).
• Vanilla JavaScript – obsługa zdarzeń (addEventListener), manipulacja DOM (createElement, appendChild, remove). Responsywność – dzięki jednostkom względnym strona dopasowuje się do rozdzielczości ekranu.

Bardzo prosty projekt, utrzymany w minimalistycznym stylu, jednak funkcjonalny, niosący ważny przekaz dający do myślenia wszystkim przeciwnikom szowinizmu.

Projekt jest dostępny w języku angielskim. Polska wersja językowa ukaże się niebawem.

Strona jest dostępna live pod adresem: https://racism.wtf

• HTML5 – struktura strony.
• CSS5 – prosty styl, podkreślający powagę tematu, bez zbędnych ozdobników, by nie odciągać uwagi od przekazu.
• Vanilla JavaScript – prosty skrypt obsługujący przycisk, który po kliknięciu ujawnia dodatkową treść strony.
• Domena została dobrana tak, aby sama w sobie była częścią przekazu.

Projekt udostępniany jest na licencji MIT.
Oznacza to, że można dowolnie korzystać, kopiować, modyfikować i rozpowszechniać ten kod, pod warunkiem zachowania informacji o autorze i licencji w plikach źródłowych.

• Logo ALF użyte w tym projekcie nie jest moją własnością. Wszelkie prawa należą do jego twórców/właścicieli. Zostało ono wykorzystane wyłącznie w celach ilustracyjnych.
• Projekty czerpie inspiracje z yourveganfallacyis.com