Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  0 8678
Queen of Blades
Jonta's Avatar
DonorCrew
Jeg har 4 GKeep-notater som jeg skriver ofte og mye i

De er ikke nyttige før jeg har fått dem over i org-filer

- Automatisk åpne dem når jeg åpner nytt Firefox-vindu (about:preferences#home -> New Windows and Tabs -> Homepage and new windows -> Custom URLs…) er for ofte, og ville tatt tiiid, fordi GKeep er treeegt
- Bokmerkemappe ville jeg ikke husket ofte nok
- Bruker for tida et OS der egen workspace for dette ville kostet mer enn det smakte
- AFAIK kan man ikke bruke et Firefox-keyword til å åpne flere lenker

- Men man kan bruke keywords til å åpne en lokal fil (bokmerk sida -> Bookmark manager -> Finn bokmerket -> Skriv «pop» i "Keyword"-feltet -> Trykk ut av bokmerket og det lagres automatisk -> Ny fane -> Skriv «pop» i adresselinja -> Enter -> Firefox åpner bokmerket)
- (Sync med org-filene fra mobilen direkte virker som et større prosjekt)

Ønsker:
- Så stor klikkbar flate som mulig (Fitt's law, derfor <a> rundt <div> og 25% høyde)
- Så stor tekst som mulig (dermed vh som enhet)

Kode

<html>
  <head>
    <title>Oft visited notes</title>
  </head>

  <style>
    div {
      height: 25%;
      margin: 0 0 0 25vw;
    }
    a {
      font-size: 25vh;
      color: #ccc;
    }
    a:hover {
      color: #999;
    }
    html {
      background-color: #575755;
    }
  </style>

  <a href="https://example.com"><div>Linky</div></a>
  <a href="https://example.com"><div>More text</div></a>
  <a href="https://example.com"><div>3rd link</div></a>
  <a href="https://example.com"><div>Final link</div></a>
</html>
https://jsfiddle.net/nLydkpe7/ (ser litt annerledes ut. Annen renderengine? Egen boilerplate? Dunno)

- Inline CSS fordi det er så lite, og jeg bare bruker den på denne fila og det er lettere å holde styr på én fil enn flere
- Rekkefølge på CSS slik at dimensjoner står nære hverandre, og farger likeså

Bugs:
- Mangler favicon
- Sentrering av tekst gjøres manuelt (div sin margin i vh), istf at lengste bit med tekst får lik padding/margin til høyre og venstre, og at resten av teksten føyer seg deretter. "text-align: center" er uakseptabelt over flere linjer
- "1/4" (uten anførselstegn) som div-height ville vært kjekkere (bare endre nevneren i brøken om du endrer antall lenker), men gir meg vertikal skrollbar. Også med https://developer.mozilla.org/en-US/docs/Web/CSS/calc - No' Firefox-boilerplate jeg ikke har overkjørt kanskje? Har prøvd litt med padding og margin, og brukt floats istf. ints, men nei. Skulle jo tru at 1/4 = 25%, men den gang ei