diff --git a/assets/css/galeria.css b/assets/css/galeria.css index c756600..ad83ac0 100644 --- a/assets/css/galeria.css +++ b/assets/css/galeria.css @@ -1,12 +1,30 @@ td img { border-radius: .75rem; + margin: 5px; } table { + width: unset; + border: none; margin-left: auto; margin-right: auto; } +.technologia { + display: inline-flex; + flex-direction: row; + margin-left: auto; + margin-right: auto; +} + +figcaption { + text-align: center; +} + +tr { + background-color: transparent !important; +} + #fagata { color: var(--colorRed); font-size: 54pt; @@ -15,4 +33,28 @@ table { audio, video { width: 100%; +} + +.pozycjonowany { + background-color: var(--colorSurface1); + margin-top: .5rem; +} + +.pozycjonowany h4 { + background-color: var(--colorSurface2); + border-radius: .5rem; + padding: .4rem; +} + +.pozycjonowany img { + float: left; + margin: .5rem; + border-radius: 10px; +} + +.flowing { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 1rem; } \ No newline at end of file diff --git a/assets/images/Tak_sie_konczy_walka_z_przemocaw_grach_1760436288.jpg b/assets/images/Tak_sie_konczy_walka_z_przemocaw_grach_1760436288.jpg new file mode 100644 index 0000000..e7954fd Binary files /dev/null and b/assets/images/Tak_sie_konczy_walka_z_przemocaw_grach_1760436288.jpg differ diff --git a/assets/images/es2266-ecmascript-logo.svg b/assets/images/es2266-ecmascript-logo.svg new file mode 100644 index 0000000..c7efaea --- /dev/null +++ b/assets/images/es2266-ecmascript-logo.svg @@ -0,0 +1,13 @@ + + + + + + + + ES + + + 2266 + + diff --git a/assets/images/html6.webp b/assets/images/html6.webp new file mode 100644 index 0000000..31a47c2 Binary files /dev/null and b/assets/images/html6.webp differ diff --git a/assets/images/kaczka.png b/assets/images/kaczka.png new file mode 100644 index 0000000..6517ad6 Binary files /dev/null and b/assets/images/kaczka.png differ diff --git a/assets/images/kawusia.png b/assets/images/kawusia.png new file mode 100644 index 0000000..a5b89e2 Binary files /dev/null and b/assets/images/kawusia.png differ diff --git a/assets/images/portret.png b/assets/images/portret.png new file mode 100644 index 0000000..e2208d7 Binary files /dev/null and b/assets/images/portret.png differ diff --git a/assets/images/purple-css-logo.webp b/assets/images/purple-css-logo.webp new file mode 100644 index 0000000..c8a93c5 Binary files /dev/null and b/assets/images/purple-css-logo.webp differ diff --git a/assets/images/qyouradio.png b/assets/images/qyouradio.png new file mode 100644 index 0000000..213e6a3 Binary files /dev/null and b/assets/images/qyouradio.png differ diff --git a/assets/images/qyouvideo.png b/assets/images/qyouvideo.png new file mode 100644 index 0000000..1851f04 Binary files /dev/null and b/assets/images/qyouvideo.png differ diff --git a/assets/images/screenshot000.png b/assets/images/screenshot000.png new file mode 100644 index 0000000..f742560 Binary files /dev/null and b/assets/images/screenshot000.png differ diff --git a/assets/images/spokoj.png b/assets/images/spokoj.png new file mode 100644 index 0000000..ed25077 Binary files /dev/null and b/assets/images/spokoj.png differ diff --git a/assets/js/2137.js b/assets/js/2137.js index ee3d560..f52b812 100644 --- a/assets/js/2137.js +++ b/assets/js/2137.js @@ -24,10 +24,14 @@ class Barka extends HTMLElement { } canvas { - width: 40rem; - height: 25rem; + position: fixed; + left: 0; + right: 0; + bottom: 0rem; + width: 100svw; + height: 12rem; margin: auto; - border: .3rem solid #ffffff; + /* border: .3rem solid #ffffff; */ } `; this.shadow.append(styl) @@ -44,9 +48,9 @@ class Barka extends HTMLElement { const akceptowalneSpoznienie = 600; - console.log("dev"); - barka.start(); - return; + // console.log("dev"); + // barka.start(); + // return; if (sekundyDo2137 >= 0) { await new Promise(resolve => setTimeout(resolve, sekundyDo2137 * 1000)); console.log("już czas."); @@ -130,10 +134,11 @@ class Barka extends HTMLElement { } this.analyser.getByteTimeDomainData(this.dataArray); - this.ctx2D.fillStyle = "rgb(13, 13, 24)"; + this.canvas.width = this.canvas.clientWidth; + this.canvas.height = this.canvas.clientHeight; this.ctx2D.clearRect(0, 0, this.canvas.clientWidth, this.canvas.clientHeight); - this.ctx2D.lineWidth = 2; + this.ctx2D.lineWidth = 5; this.ctx2D.strokeStyle = "rgb(203, 166, 247)"; this.ctx2D.beginPath(); @@ -149,14 +154,14 @@ class Barka extends HTMLElement { if (peak < v) { peak = v; } - const y = v * 2 * middle + middle / 4; + const y = v * 4 * middle + middle; if (i == 0) { this.ctx2D.moveTo(x, y); } else { this.ctx2D.lineTo(x, y); } - + x += sliceWidth; } @@ -164,9 +169,11 @@ class Barka extends HTMLElement { this.ctx2D.lineTo(this.canvas.clientWidth, this.canvas.clientHeight / 2); this.ctx2D.stroke(); - if (this.audio.currentTime >= 39) { + if (this.audio.currentTime > 39) { + this.canvas.style.backgroundColor = "#1e1e2e"; this.style.backgroundColor = `rgb(${88 + 255 * peak}, ${137 + 255 * peak}, ${194 + 255 * peak}`; } else { + this.canvas.style.backgroundColor = ""; this.style.backgroundColor = `rgb(${255 * peak}, ${255 * peak}, ${255 * peak}`; } this.style.scale = 1 + peak / (peak > 0.1 ? 5 : 10); @@ -191,4 +198,6 @@ const barka = document.createElement("barka-comp"); document.body.appendChild(barka); document.addEventListener("DOMContentLoaded", () => { barka.kontroler(); -}); \ No newline at end of file +}); + +window.barka = barka; \ No newline at end of file diff --git a/assets/js/nawigacja.js b/assets/js/nawigacja.js index 5296a8b..1119739 100644 --- a/assets/js/nawigacja.js +++ b/assets/js/nawigacja.js @@ -1,6 +1,6 @@ const nawigacjaLinki = [ { nazwa: "Tabele", link: "/tabele.html" }, - { nazwa: "Liczby", link: "/liczby.html" }, + { nazwa: "Grafika", link: "/grafika.html" }, ]; const stopkaLinki = [ [ @@ -18,6 +18,7 @@ const stopkaLinki = [ [ "HTML", { nazwa: "Tabele", link: "/tabele.html" }, + { nazwa: "Grafika", link: "/grafika.html" }, ], [ "Wszystko", diff --git a/grafika.html b/grafika.html new file mode 100644 index 0000000..98ae21d --- /dev/null +++ b/grafika.html @@ -0,0 +1,103 @@ + + + + + + Grafika - MaszToZadanieDomowe.com + + + + + + + + +
+

HTML Grafika

+
+
    +
  1. +

    Technologia strony

    +
    Także pasuje pod zadanie 2
    +
    +
    +
    +
    + Koncepcja loga następnej wersji HTMLa która nigdy nie powstanie +
    + HTML6 +
    +
    +
    + Nowe logo CSSa +
    + + CSS 4 + +
    + 🖕♋ +
    +
    +
    + Parodia loga ECMAScript +
    + ECMAScript +
    + Źródło +
    +
    +
    +
    +
    2. +
    +
  2. +

    Projekty w rozwoju

    +
    +
    +
    +

    QYouRadio

     + Interfejs QYouRadio + Desktopowy klient YouRadio napisany w Qt i QMLu. Bardzo wygodny w używaniu (mimo obecnej niedorbóki). +
    +
    +

    QYouVideo

     + Interfejs QYouVideo + QYouVideo to bazujący na QYouRadio klient YouVideo zrobiony dla jaj (widać po commitach) w praktycznie 2 dni. Powstał tylko dlatego że Youpiter wział się za tworzenie nowej strony YouVideo i chciałem zobaczyć ile czasu zajeło by mi stworzenie wszystkiego. Obecnie interfejs ma buga że nowo otwarte listy filmów nie mogą otwierać filmów. +
    +
    +

    Yerner

    + Interfejs Yernera + Yerner to miniaturowe ISO Linuxa (kastracja pingwina zajeła całkiem dużo czasu ale było warto) które w założeniu ma mieć zawarte w + sobie wszystko potrzebne + do szybkiego rozpoczęcia kopania Monero. Jak coś to nie, nie chce kopać krypto na masową skale. Yerner powstał z tego że chciałem + sprawdzić ile + wszystkie moje komputery mogą wykopać ale zamiast rozsądnie manualnie zainstalować koparki i je uruchomić (na przykład w trybie testowym), + postanowiłem zrobić własne ISO z wszystkim :3. Na razie mam same podstawowe ISO (bez sieci i Mesy, sterowników od grafiki) sam plik zajmuje + jedynie 265mb. Dlaczego zrobiłem je tak + małe? Żeby szybko mogło się do skopiować do RAMu aby można było tym samym nośnikiem uruchomić kopie na wszystkich komputerach. Aby + całość była jeszcze bardziej profesjonalna, zamierzam obudować wszystko interfejsem graficznym (i całkowicie wywalić TTY) zrobionym (jak na razie) + C++ie ze wsparciem Rayliba i ImGui działającym w stu procentach na Linuxowym DRMie! Nie, nie chodzi mi o TEGO DRMa. Zrzut ekranu pokazuje obecny stan interfejsu (żaden). +
    +
    +
    3. +
    +
  3. +

    Galeria czegokolwiek co znajde

    +
    + Sejm the Game wyjdzie 22 października o 16:00. Serdecznie polecam. Kto by nie chciał założyć własnej partii poltycznej i dojść do władzy (zgaduje) krok po kroku... kłamstwo po kłamstwie oraz pięść po pięści. +
    +
    +
    + + + + + + +
    4. +
    +
+
+ + +