VAI MĒS VARAM IEDOMĀTIES, KA LIDMAŠĪNAS NAKTS DEBESĪS IR KRITOŠAS ZVAIGZNES

──────── ✦ ────────

EPHEMERIS
NAKTS DEBESU JANITORAI PROFILA VEIDNE | BIO KODS, AUTORS @MONIE_

✦ KĀ IZMANTOT ŠO CELVEDI ✦

01 / PIRMS SĀKŠANAS

ĀTRĀ UZSĀKŠANA

1 · Nokopē VISU | ZELTA | (GOOGLE DOCS)

2 · Rediģē to ar Atrast (Ctrl/Cmd + F). Meklē šajā ceļvedī esošos klašu nosaukumus, piemēram, nx-title.

3 · Iezīmē visu, kopē un ielīmē savā JanitorAI sadaļā About Me. Saglabā, atsvaidzini, pārbaudi telefonā.

──────── ✦ ────────

02 / LAI NEKAS NESALŪZTU

5 NOTEIKUMI

✦ Nav tukšu rindu. Jaunai rindai raksti <br>.

✦ Tikai tiešas attēlu saites. Jābūt beigām .png / .jpg / .gif. Neizmantotos attēlus atstāj kā src="", un tie sevi paslēps.

✦ Maini tikai vārdus "pēdiņās" vai starp > un <. Nekad nedzēs pēdiņas, < >, { } vai class=.

✦ Nav komentāru vai * ~ rakstzīmju daļā <style>. JanitorAI pārtrauc stila lapu pie tām.

✦ JanitorAI dzēš url(), @import, data: attēlus, CSS mainīgos, <input>, <label>, un CSS īpašības scale: un rotate:.

· ─────── ✦ ─────── ·

03 / MEKLĒT → MAINĪT

ES GRIBU MAINĪT...

manu vārdu → nx-title

sveiciena rindu → nx-kicker

mana varoņa attēlu → nx-sona

mana mēness attēlu → nx-moon-pic

lentes tekstu (rediģē abas kopijas) → nx-ticker-set

Sadaļas Par mani → nx-acc

Sadaļas Par mani attēlus (3) → nx-portrait

Noteikumi / BUJ → nx-rf · nx-rule

manas saites → nx-fl

draugus → nx-friend

galeriju (rediģē abas grupas) → nx-gi

seriālus → nx-cover

banerus → nx-banner

mūzikas atskaņotāju → nx-mp-trk

pasaku gaismiņas → nx-fairy · nx-fairyb

lapas mājdzīvnieku → nx-pet

kredītu → nx-credit

──────── ✦ ────────

04 / KATRS PANELIS

SADAĻAS

PAR MANI

Trīs attēli arkveida rāmī, pa vienam katrai kastei. Katra kaste ir <details>: nosaukums <summary>, teksts <p>. Saglabā visas trīs kastes. Lai pievienotu, nokopē veselu bloku.

✦ NOTEIKUMI & BUJ — divas attēlu kartītes; peles uzvedināšana pabīda, pieskāriens atver sarakstu. Noteikumi ir nx-rule (nosaukums <b>, iemesls <span>). BUJ jautājumi ir <details>.

✦ ATRODI MANI — viena nx-fl rinda katrai saitei: simbols <i>, nosaukums <b>, rinda <small>, saite href.

✦ DRAUGI — viena nx-friend rinda katram (vārds, rinda, attēls, saite). Ietilpst četri; vairāk ritinās.

✦ GALERIJA — uz sāniem ritinoša josla. Ir DIVAS identiskas grupas (nx-gset): maini katru attēlu ABĀS.

✦ SERIĀLI — katrs seriāls ir VIENS <details class="nx-cover"> ... </details> bloks. Lai pievienotu, nokopē veselu bloku; nekad neielīmē bloka iekšpusē.

✦ PAR · NOTEIKUMI · SAITES · DRAUGI · GALERIJA · SERIĀLI ✦

· · · ✦ · · ·

05 / MAZAS EKSTRAS

MŪZIKAS ATSKAŅOTĀJS

Apsarmojuša stikla josla hero apakšā. Atpakaļ un uz priekšu pārslēdz 3 ierakstus (diska attēls, nosaukums, izpildītājs un saite visi mainās). Atskaņot atver tā ieraksta saiti.

Meklē nx-mp-trk → trīs bloki. Maini nx-mp-song, nx-mp-artist, <img src=""> un nx-mp-btn href.

YouTube automātiskās atskaņošanas saite: https://www.youtube.com/watch?v=VIDEO_ID&list=PLAYLIST_ID&autoplay=1
Spotify atver atskaņošanas sarakstu, bet to nevar piespiest atskaņot automātiski.

05B / ZVAIGŽŅU VĪTNES

PASAKU GAISMIŅAS

Divas slāņotas vizuļojošu zvaigžņu vītnes karājas no vietnes augšējās joslas apakšas, ar karājošām zvaigznēm, kas šūpojas. Tās paliek vietā, kamēr ritini, un nekad nebloķē klikšķus. Pirmā ir nx-fairy (7 vienmērīgas vītnes), blīvākā virsū ir nx-fairyb (11 nevienmērīgas vītnes).

Lai pārvietotu uz augšu vai leju → maini top:56px abos noteikumos (vienāds skaitlis). Telefoni izmanto top:44px rindā @media (max-width:720px) netālu no CSS beigām.

Lai noņemtu vienu → dzēs tās <div class="nx-fairy..."> bloku koda pašā augšā. Dzēs atbilstošo CSS tikai tad, ja vēlies kārtīgu kodu.

06 / MĒNESS

MĒNESS

Ieliec caurspīdīgu PNG nx-moon-pic. Tas ciklo 60 sekundes: ēna noslīd, attēls apgriežas, ēna noslīd atpakaļ. Maini 60s četros mēness noteikumos (paturi tos vienādus); -12s ir sākumpunkts. Ja tas ir ārpus centra, maini inset:-19% .nx-moon-pic.

07 / PALETE

KRĀSAS & FONTI

Krāsas ir izrakstītas katrā noteikumā, tāpēc Meklēt & Aizstāt pārkrāso visu.

#d9dce6 sudrabs #b9a6d6 violetais akcents #5b5b66 pelēkas apmales #ececf0 pamatteksts

Zelta versija: izmanto Zelta veidni vai aizstāj #d9dce6 → #efddba un #b9a6d6 → #dfc277

Fonti: strādā tikai vietnes iebūvētie fonti (bez @import). Aizstāj nosaukumu ar Meklēt & Aizstāt, atzīto fontu sarakstu vari atrast ŠEIT.

──────── ✦ ────────

08 / KAD KAUT KAS IZSKATĀS NEPAREIZI

PROBLĒMU RISINĀŠANA

♡ Lapa izskatās bez stila — kāds * ~ vai /* */ ir iekļuvis <style>, vai ir izdzēsta }

♡ Attēls pazudis — saite nav tieša, vai src="" ir tukšs

♡ Lente / galerija lēkā — abas kopijas nesakrīt

♡ Atskaņotāja pogas neko nedara — trūkst name="nxmp", vai diviem ierakstiem ir open

♡ Akordeons nepārslēdzas — kāds <details> ir zaudējis name= vai </details>

09 / ESI LAIPNS

KREDĪTA NOTEIKUMI

✔ Brīvi lietojams un rediģējams savā profilā. Kredīta rindu drīkst noņemt.

✦ ✦ ✦

EPHEMERIS · JAUTĀJUMI? RAKSTI MAN!