Outiref

Code source de l'URL : https://npub15xl73nhfq42tg8s66pv366krk9q74z22plfz3sj9p8a2pk54swpqtd93d4.nsite.lol

<!DOCTYPE html><html nc:path="/index.html" lang="en" nc:edit-gate="hash" nc:owner="npub15xl73nhfq42tg8s66pv366krk9q74z22plfz3sj9p8a2pk54swpqtd93d4" nc:relays="wss://nos.lol,wss://relay.primal.net,wss://nostr.mom,wss://relay.nsite.lol" nc:servers="https://cdn.hzrd149.com,https://blossom.primal.net" nc:blocks-on="true"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HARD REFRESH: one day, one room, your own website</title>
<meta name="description" content="A one-day gathering about running a website you actually own. Saturday 17 October 2026, Nová Cvernovka, Bratislava.">
<style type="text/css">svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}
.svg-inline--fa.fa-w-1 {
  width: 0.0625em;
}
.svg-inline--fa.fa-w-2 {
  width: 0.125em;
}
.svg-inline--fa.fa-w-3 {
  width: 0.1875em;
}
.svg-inline--fa.fa-w-4 {
  width: 0.25em;
}
.svg-inline--fa.fa-w-5 {
  width: 0.3125em;
}
.svg-inline--fa.fa-w-6 {
  width: 0.375em;
}
.svg-inline--fa.fa-w-7 {
  width: 0.4375em;
}
.svg-inline--fa.fa-w-8 {
  width: 0.5em;
}
.svg-inline--fa.fa-w-9 {
  width: 0.5625em;
}
.svg-inline--fa.fa-w-10 {
  width: 0.625em;
}
.svg-inline--fa.fa-w-11 {
  width: 0.6875em;
}
.svg-inline--fa.fa-w-12 {
  width: 0.75em;
}
.svg-inline--fa.fa-w-13 {
  width: 0.8125em;
}
.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}
.svg-inline--fa.fa-w-15 {
  width: 0.9375em;
}
.svg-inline--fa.fa-w-16 {
  width: 1em;
}
.svg-inline--fa.fa-w-17 {
  width: 1.0625em;
}
.svg-inline--fa.fa-w-18 {
  width: 1.125em;
}
.svg-inline--fa.fa-w-19 {
  width: 1.1875em;
}
.svg-inline--fa.fa-w-20 {
  width: 1.25em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: 0.3em;
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: 0.3em;
  width: auto;
}
.svg-inline--fa.fa-border {
  height: 1.5em;
}
.svg-inline--fa.fa-li {
  width: 2em;
}
.svg-inline--fa.fa-fw {
  width: 1.25em;
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: 0.25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: #fff;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse {
  color: #fff;
}</style><style type="text/css">svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}
.svg-inline--fa.fa-w-1 {
  width: 0.0625em;
}
.svg-inline--fa.fa-w-2 {
  width: 0.125em;
}
.svg-inline--fa.fa-w-3 {
  width: 0.1875em;
}
.svg-inline--fa.fa-w-4 {
  width: 0.25em;
}
.svg-inline--fa.fa-w-5 {
  width: 0.3125em;
}
.svg-inline--fa.fa-w-6 {
  width: 0.375em;
}
.svg-inline--fa.fa-w-7 {
  width: 0.4375em;
}
.svg-inline--fa.fa-w-8 {
  width: 0.5em;
}
.svg-inline--fa.fa-w-9 {
  width: 0.5625em;
}
.svg-inline--fa.fa-w-10 {
  width: 0.625em;
}
.svg-inline--fa.fa-w-11 {
  width: 0.6875em;
}
.svg-inline--fa.fa-w-12 {
  width: 0.75em;
}
.svg-inline--fa.fa-w-13 {
  width: 0.8125em;
}
.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}
.svg-inline--fa.fa-w-15 {
  width: 0.9375em;
}
.svg-inline--fa.fa-w-16 {
  width: 1em;
}
.svg-inline--fa.fa-w-17 {
  width: 1.0625em;
}
.svg-inline--fa.fa-w-18 {
  width: 1.125em;
}
.svg-inline--fa.fa-w-19 {
  width: 1.1875em;
}
.svg-inline--fa.fa-w-20 {
  width: 1.25em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: 0.3em;
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: 0.3em;
  width: auto;
}
.svg-inline--fa.fa-border {
  height: 1.5em;
}
.svg-inline--fa.fa-li {
  width: 2em;
}
.svg-inline--fa.fa-fw {
  width: 1.25em;
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: 0.25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: #fff;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse {
  color: #fff;
}</style><link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23ffe14d' stroke='%23000' stroke-width='4'/%3E%3Ctext x='7' y='24' font-family='Helvetica,Arial,sans-serif' font-weight='900' font-size='19' fill='%23000'%3EHR%3C/text%3E%3C/svg%3E">
<link rel="stylesheet" href="/nsite-clay-base-991c8cb5.css">
<style>
  :root {
    /* The shared toolbar reads these, so it comes out as another black-edged
       yellow block instead of a soft grey pill. */
    --nc-ink: #000;
    --nc-ink-dim: #000;
    --nc-bg: #fffdf3;
    --nc-panel: #ffe14d;
    --nc-edge: #000;
    --nc-accent: #1b1bff;
    --nc-accent-ink: #fff;
    --nc-ok: #007a3d;
    --nc-bad: #d10f0f;
    --nc-radius: 0;
    --nc-chrome-font: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;

    --yellow: #ffe14d;
    --pink: #ff6ba3;
    --cyan: #63e2ef;
    --blue: #1b1bff;
    --orange: #ff5c39;
    --edge: 4px;
    --drop: 10px 10px 0 #000;
    --drop-sm: 6px 6px 0 #000;
  }

  * { box-sizing: border-box; }

  body {
    margin: 0;
    background: var(--nc-bg);
    color: #000;
    font: 500 17px/1.55 "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
  }

  .page { max-width: 68rem; margin: 0 auto; padding: 1.5rem 1.25rem 8rem; }

  h1, h2, h3 { font-weight: 900; letter-spacing: -.035em; line-height: .93; margin: 0; }
  p { margin: 0 0 1rem; }
  p:last-child { margin-bottom: 0; }

  a { color: #000; text-decoration-thickness: 3px; text-underline-offset: 3px; }
  a:hover { background: var(--yellow); }

  .block { border: var(--edge) solid #000; box-shadow: var(--drop); background: var(--nc-bg); }

  /* ---- masthead ---- */

  header { margin: 0 0 3.5rem; }
  .kicker {
    display: inline-block; background: #000; color: var(--yellow);
    font-weight: 900; text-transform: uppercase; letter-spacing: .14em;
    font-size: .8rem; padding: .4rem .7rem; transform: rotate(-1.5deg);
    margin-bottom: 1rem;
  }
  h1 {
    font-size: clamp(3.4rem, 15vw, 9.5rem);
    text-transform: uppercase;
    margin: 0 0 1.2rem;
    word-break: break-word;
  }
  h1 .two { display: block; margin-left: clamp(0px, 6vw, 5.5rem); color: var(--blue); }

  .facts { display: flex; flex-wrap: wrap; gap: 1.15rem; margin-bottom: 2rem; }
  .fact {
    border: var(--edge) solid #000; box-shadow: var(--drop-sm);
    padding: .55rem .9rem; font-weight: 900; text-transform: uppercase;
    font-size: clamp(.9rem, 2.6vw, 1.15rem); letter-spacing: -.01em;
  }
  .fact:nth-child(1) { background: var(--yellow); transform: rotate(-1deg); }
  .fact:nth-child(2) { background: var(--cyan); transform: rotate(1.2deg); }
  .fact:nth-child(3) { background: var(--pink); transform: rotate(-.6deg); }

  .lede { font-size: clamp(1.15rem, 3vw, 1.5rem); font-weight: 700; max-width: 34ch; line-height: 1.3; }

  /* ---- sections ---- */

  section { margin: 0 0 3.5rem; }
  h2 {
    font-size: clamp(1.8rem, 6vw, 3.2rem); text-transform: uppercase;
    margin: 0 0 1.4rem; display: inline-block;
    background: #000; color: var(--nc-bg); padding: .18em .35em .26em;
    transform: rotate(-1deg);
  }

  .cols { display: grid; gap: 1.6rem; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); }
  .card { padding: 1.25rem 1.35rem; }
  .card h3 { font-size: 1.35rem; text-transform: uppercase; margin-bottom: .6rem; }
  .card:nth-child(3n+1) { background: var(--yellow); transform: rotate(-.7deg); }
  .card:nth-child(3n+2) { background: var(--cyan); transform: rotate(.5deg); }
  .card:nth-child(3n+3) { background: var(--pink); transform: rotate(-.3deg); }

  /* ---- schedule ---- */

  .sched { border: var(--edge) solid #000; box-shadow: var(--drop); background: var(--nc-bg); }
  .slot {
    display: grid; grid-template-columns: 7.5rem 1fr;
    border-bottom: var(--edge) solid #000;
  }
  .slot:last-child { border-bottom: 0; }
  .slot .t {
    background: #000; color: var(--yellow); font-weight: 900;
    padding: 1rem .9rem; font-variant-numeric: tabular-nums; font-size: 1.05rem;
  }
  .slot .w { padding: 1rem 1.1rem; }
  .slot .w b { display: block; font-size: 1.15rem; text-transform: uppercase; letter-spacing: -.02em; }
  .slot .w span { display: block; font-size: .95rem; }
  .slot:nth-child(even) .w { background: var(--yellow); }
  @media (max-width: 32rem) {
    .slot { grid-template-columns: 1fr; }
    .slot .t { padding: .5rem .9rem; }
  }

  /* ---- rules ---- */

  .rules { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
  .rules li {
    border: var(--edge) solid #000; background: var(--nc-bg); box-shadow: var(--drop-sm);
    padding: .85rem 1.1rem .85rem 3.6rem; position: relative; font-weight: 700;
  }
  .rules li::before {
    content: counter(r); counter-increment: r;
    position: absolute; left: 0; top: 0; bottom: 0; width: 2.6rem;
    background: var(--blue); color: #fff; font-weight: 900;
    display: grid; place-items: center; border-right: var(--edge) solid #000;
  }
  .rules { counter-reset: r; }

  /* ---- the shout ---- */

  .shout {
    background: var(--orange); border: var(--edge) solid #000; box-shadow: var(--drop);
    padding: 1.75rem 1.5rem; transform: rotate(.8deg);
    font-weight: 900; text-transform: uppercase; line-height: 1;
    font-size: clamp(1.6rem, 6vw, 3rem); letter-spacing: -.03em;
  }
  .shout small { display: block; text-transform: none; font-size: 1rem; font-weight: 500; line-height: 1.5; margin-top: 1rem; letter-spacing: 0; }

  /* ---- the feed, as stickers ---------------------------------------------
     feed.js appends its own fallback stylesheet to <head> at runtime, after
     this block, so each rule here carries the container selector to win. */

  [nc\:feed].nc-feed { gap: 1.6rem; }
  [nc\:feed].nc-feed-grid { grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); }
  [nc\:feed] .nc-item {
    border: var(--edge) solid #000; border-radius: 0; box-shadow: var(--drop-sm);
    background: var(--nc-bg); padding: 1.1rem 1.2rem; overflow: visible;
  }
  [nc\:feed] .nc-item:nth-child(3n+1) { background: var(--yellow); transform: rotate(-.8deg); }
  [nc\:feed] .nc-item:nth-child(3n+2) { background: var(--cyan); transform: rotate(.6deg); }
  [nc\:feed] .nc-item:nth-child(3n+3) { background: var(--nc-bg); transform: rotate(-.2deg); }
  [nc\:feed] .nc-by {
    opacity: 1; font-weight: 900; text-transform: uppercase; font-size: .78rem;
    letter-spacing: .04em; border-bottom: 2px solid #000; padding-bottom: .45rem;
  }
  [nc\:feed] .nc-avatar { border-radius: 0; border: 2px solid #000; }
  [nc\:feed] .nc-title { font-weight: 900; text-transform: uppercase; letter-spacing: -.02em; }
  [nc\:feed] .nc-text, [nc\:feed] .nc-summary { color: #000; font-weight: 500; opacity: 1; }
  [nc\:feed] .nc-tags { opacity: 1; font-weight: 900; }
  [nc\:feed] .nc-feed-status { color: #000; font-weight: 700; opacity: 1; }

  footer { border-top: var(--edge) solid #000; padding-top: 1.5rem; font-weight: 700; }

  :focus-visible { outline: 4px solid var(--blue); outline-offset: 3px; }

  @media (max-width: 40rem) {
    .page { padding: 1rem 1rem 8rem; }
    :root { --drop: 7px 7px 0 #000; --edge: 3px; }
  }
</style>
<style type="text/css">@keyframes show {
  0% {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes hide {
  0% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8);
  }
}

@keyframes grow {
  0% {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8); 
  }

  100% { 
    opacity: 1;
    transform: scale3d(1, 1, 1); 
  }
}

@keyframes shrink {
  0% { 
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  100% { 
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8); 
  }
}

@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade-out {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.emoji-picker {
  --animation-duration: 0.2s;
  --animation-easing: ease-in-out;

  --emoji-size: 1.8em;
  --emoji-size-multiplier: 1.5;
  --emoji-preview-size: 2em;
  --emoji-per-row: 8;
  --row-count: 6;

  --content-height: calc((var(--emoji-size) * var(--emoji-size-multiplier)) * var(--row-count) + var(--category-name-size) + var(--category-button-height) + 0.5em);

  --category-name-size: 0.85em;

  --category-button-height: 2em;
  --category-button-size: 1.1em;
  --category-border-bottom-size: 4px;

  --focus-indicator-color: #999999;

  --search-height: 2em;

  --blue-color: #4F81E5;

  --border-color: #CCCCCC;
  --background-color: #FFFFFF;
  --text-color: #000000;
  --secondary-text-color: #666666;
  --hover-color: #E8F4F9;
  --search-focus-border-color: var(--blue-color);
  --search-icon-color: #CCCCCC;
  --overlay-background-color: rgba(0, 0, 0, 0.8);
  --popup-background-color: #FFFFFF;
  --category-button-color: #666666;
  --category-button-active-color: var(--blue-color);

  --dark-border-color: #666666;
  --dark-background-color: #333333;
  --dark-text-color: #FFFFFF;
  --dark-secondary-text-color: #999999;
  --dark-hover-color: #666666;
  --dark-search-background-color: #666666;
  --dark-search-border-color: #999999;
  --dark-search-placeholder-color: #999999;
  --dark-search-focus-border-color: #DBE5F9;
  --dark-popup-background-color: #333333;
  --dark-category-button-color: #FFFFFF;

  --font: Arial, Helvetica, sans-serif;
  --font-size: 16px;
}

.emoji-picker {
  font-size: var(--font-size);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background: var(--background-color);
  width: calc(var(--emoji-per-row) * var(--emoji-size) * var(--emoji-size-multiplier) + 1em + 1.5rem);
  font-family: var(--font);
  overflow: hidden;
  animation: show var(--animation-duration) var(--animation-easing);
}

.emoji-picker * {
  font-family: var(--font);
  box-sizing: content-box;
}

.emoji-picker__overlay {
  background: rgba(0, 0, 0, 0.75);
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.emoji-picker.hiding {
  animation: hide var(--animation-duration) var(--animation-easing);
}

.emoji-picker.dark {
  background: var(--dark-background-color);
  color: var(--dark-text-color);
  border-color: var(--dark-border-color);
}

.emoji-picker__content {
  padding: 0.5em;
  height: var(--content-height);
  position: relative;
}

.emoji-picker__preview {
  height: var(--emoji-preview-size);
  padding: 0.5em;
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-direction: row;
  align-items: center;
}

.emoji-picker.dark .emoji-picker__preview {
  border-top-color: var(--dark-border-color);
}

.emoji-picker__preview-emoji {
  font-size: var(--emoji-preview-size);
  margin-right: 0.25em;
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
}

.emoji-picker__preview-emoji img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em;
}

.emoji-picker__preview-name {
  color: var(--text-color);
  font-size: 0.85em;
  overflow-wrap: break-word;
  word-break: break-all;
}

.emoji-picker.dark .emoji-picker__preview-name {
  color: var(--dark-text-color);
}

.emoji-picker__container {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(var(--emoji-per-row), calc(var(--emoji-size) * var(--emoji-size-multiplier)));
  grid-auto-rows: calc(var(--emoji-size) * var(--emoji-size-multiplier));
}

.emoji-picker__container.search-results {
  height: var(--content-height);
  overflow-y: auto;
}

.emoji-picker__custom-emoji {
  width: 1em;
  height: 1em;
}

.emoji-picker__emoji {
  background: transparent;
  border: none;
  cursor: pointer;
  overflow: hidden;
  font-size: var(--emoji-size);
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  margin: 0;
  outline: none;
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.emoji-picker__emoji img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em;
}

.emoji-picker__emoji:focus, .emoji-picker__emoji:hover {
  background: var(--hover-color);
}

.emoji-picker__emoji:focus {
  outline: 1px dotted var(--focus-indicator-color);
}

.emoji-picker.dark .emoji-picker__emoji:focus, .emoji-picker.dark .emoji-picker__emoji:hover {
  background: var(--dark-hover-color);
}

.emoji-picker__plugin-container {
  margin: 0.5em;
  display: flex;
  flex-direction: row;
}

.emoji-picker__search-container {
  margin: 0.5em;
  position: relative;
  height: var(--search-height);
  display: flex;
}

.emoji-picker__search {
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  border: 1px solid var(--border-color);
  padding-right: 2em;
  padding: 0.5em 2.25em 0.5em 0.5em;
  font-size: 0.85em;
  outline: none;
}

.emoji-picker.dark .emoji-picker__search {
  background: var(--dark-search-background-color);
  color: var(--dark-text-color);
  border-color: var(--dark-search-border-color);
}

.emoji-picker.dark .emoji-picker__search::placeholder {
  color: var(--dark-search-placeholder-color);
}

.emoji-picker__search:focus {
  border: 1px solid var(--search-focus-border-color);
}

.emoji-picker.dark .emoji-picker__search:focus {
  border-color: var(--dark-search-focus-border-color);
}

.emoji-picker__search-icon {
  position: absolute;
  color: var(--search-icon-color);
  width: 1em;
  height: 1em;
  right: 0.75em;
  top: calc(50% - 0.5em);
}

.emoji-picker__search-icon img {
  width: 1em;
  height: 1em;
}

.emoji-picker__search-not-found {
  color: var(--secondary-text-color);
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.emoji-picker__search-not-found h2 {
  color: var(--secondary-text-color);
}

.emoji-picker.dark .emoji-picker__search-not-found {
  color: var(--dark-secondary-text-color);
}

.emoji-picker.dark .emoji-picker__search-not-found h2 {
  color: var(--dark-secondary-text-color);
}

.emoji-picker__search-not-found-icon {
  font-size: 3em;
}

.emoji-picker__search-not-found-icon img {
  width: 1em;
  height: 1em;
}

.emoji-picker__search-not-found h2 {
  margin: 0.5em 0;
  font-size: 1em;
}

.emoji-picker__variant-overlay {
  background: var(--overlay-background-color);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  animation: fade-in var(--animation-duration) var(--animation-easing);
}

.emoji-picker__variant-overlay.hiding {
  animation: fade-out var(--animation-duration) var(--animation-easing);
}

.emoji-picker__variant-popup {
  background: var(--popup-background-color);
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
  border-radius: 5px;
  animation: grow var(--animation-duration) var(--animation-easing);
  user-select: none;
}

.emoji-picker__variant-overlay.hiding .emoji-picker__variant-popup {
  animation: shrink var(--animation-duration) var(--animation-easing);
}

.emoji-picker.dark .emoji-picker__variant-popup {
  background: var(--dark-popup-background-color);
}

.emoji-picker__emojis {
  overflow-y: auto;
  position: relative;
  height: calc((var(--emoji-size) * var(--emoji-size-multiplier)) * var(--row-count) + var(--category-name-size));
}

.emoji-picker__emojis.hiding {
  animation: fade-out 0.05s var(--animation-easing);
}

.emoji-picker__emojis h2.emoji-picker__category-name {
  font-size: 0.85em;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  margin: 0.25em 0;
  text-align: left;
}

.emoji-picker.dark h2.emoji-picker__category-name {
  color: var(--dark-secondary-text-color);
}

.emoji-picker__category-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: var(--category-button-height);
  margin-bottom: 0.5em;
}

button.emoji-picker__category-button {
  flex-grow: 1;
  background: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  font-size: var(--category-button-size);
  vertical-align: middle;
  color: var(--category-button-color);
  border-bottom: var(--category-border-bottom-size) solid transparent;
  outline: none;
}

button.emoji-picker__category-button img {
  width: var(--category-button-size);
  height: var(--category-button-size);
}

.emoji-picker.keyboard button.emoji-picker__category-button:focus {
  outline: 1px dotted var(--focus-indicator-color);
}

.emoji-picker.dark button.emoji-picker__category-button.active {
  color: var(--category-button-active-color);
}

.emoji-picker.dark button.emoji-picker__category-button {
  color: var(--dark-category-button-color);
}

button.emoji-picker__category-button.active {
  color: var(--category-button-active-color);
  border-bottom: var(--category-border-bottom-size) solid var(--category-button-active-color);
}

@media (prefers-color-scheme: dark) {
  .emoji-picker.auto {
    background: var(--dark-background-color);
    color: var(--dark-text-color);
    border-color: var(--dark-border-color);
  }

  .emoji-picker.auto .emoji-picker__preview {
    border-top-color: var(--dark-border-color);
  }

  .emoji-picker.auto .emoji-picker__preview-name {
    color: var(--dark-text-color);
  }

  .emoji-picker.auto button.emoji-picker__category-button {
    color: var(--dark-category-button-color);
  }

  .emoji-picker.auto button.emoji-picker__category-button.active {
    color: var(--category-button-active-color);
  }

  .emoji-picker.auto .emoji-picker__emoji:focus, .emoji-picker.auto .emoji-picker__emoji:hover {
    background: var(--dark-hover-color);
  }

  .emoji-picker.auto .emoji-picker__search {
    background: var(--dark-search-background-color);
    color: var(--dark-text-color);
    border-color: var(--dark-search-border-color);
  }
 
  .emoji-picker.auto h2.emoji-picker__category-name {
    color: var(--dark-secondary-text-color);
  }

  .emoji-picker.auto .emoji-picker__search::placeholder {
    color: var(--dark-search-placeholder-color);
  }

  .emoji-picker.auto .emoji-picker__search:focus {
    border-color: var(--dark-search-focus-border-color);
  }

  .emoji-picker.auto .emoji-picker__search-not-found {
    color: var(--dark-secondary-text-color);
  }

  .emoji-picker.auto .emoji-picker__search-not-found h2 {
    color: var(--dark-secondary-text-color);
  }

  .emoji-picker.auto .emoji-picker__variant-popup {
    background: var(--dark-popup-background-color);
  }
}</style><style type="text/css">@keyframes show {
  0% {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes hide {
  0% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8);
  }
}

@keyframes grow {
  0% {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8); 
  }

  100% { 
    opacity: 1;
    transform: scale3d(1, 1, 1); 
  }
}

@keyframes shrink {
  0% { 
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  100% { 
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8); 
  }
}

@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade-out {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.emoji-picker {
  --animation-duration: 0.2s;
  --animation-easing: ease-in-out;

  --emoji-size: 1.8em;
  --emoji-size-multiplier: 1.5;
  --emoji-preview-size: 2em;
  --emoji-per-row: 8;
  --row-count: 6;

  --content-height: calc((var(--emoji-size) * var(--emoji-size-multiplier)) * var(--row-count) + var(--category-name-size) + var(--category-button-height) + 0.5em);

  --category-name-size: 0.85em;

  --category-button-height: 2em;
  --category-button-size: 1.1em;
  --category-border-bottom-size: 4px;

  --focus-indicator-color: #999999;

  --search-height: 2em;

  --blue-color: #4F81E5;

  --border-color: #CCCCCC;
  --background-color: #FFFFFF;
  --text-color: #000000;
  --secondary-text-color: #666666;
  --hover-color: #E8F4F9;
  --search-focus-border-color: var(--blue-color);
  --search-icon-color: #CCCCCC;
  --overlay-background-color: rgba(0, 0, 0, 0.8);
  --popup-background-color: #FFFFFF;
  --category-button-color: #666666;
  --category-button-active-color: var(--blue-color);

  --dark-border-color: #666666;
  --dark-background-color: #333333;
  --dark-text-color: #FFFFFF;
  --dark-secondary-text-color: #999999;
  --dark-hover-color: #666666;
  --dark-search-background-color: #666666;
  --dark-search-border-color: #999999;
  --dark-search-placeholder-color: #999999;
  --dark-search-focus-border-color: #DBE5F9;
  --dark-popup-background-color: #333333;
  --dark-category-button-color: #FFFFFF;

  --font: Arial, Helvetica, sans-serif;
  --font-size: 16px;
}

.emoji-picker {
  font-size: var(--font-size);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background: var(--background-color);
  width: calc(var(--emoji-per-row) * var(--emoji-size) * var(--emoji-size-multiplier) + 1em + 1.5rem);
  font-family: var(--font);
  overflow: hidden;
  animation: show var(--animation-duration) var(--animation-easing);
}

.emoji-picker * {
  font-family: var(--font);
  box-sizing: content-box;
}

.emoji-picker__overlay {
  background: rgba(0, 0, 0, 0.75);
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.emoji-picker.hiding {
  animation: hide var(--animation-duration) var(--animation-easing);
}

.emoji-picker.dark {
  background: var(--dark-background-color);
  color: var(--dark-text-color);
  border-color: var(--dark-border-color);
}

.emoji-picker__content {
  padding: 0.5em;
  height: var(--content-height);
  position: relative;
}

.emoji-picker__preview {
  height: var(--emoji-preview-size);
  padding: 0.5em;
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-direction: row;
  align-items: center;
}

.emoji-picker.dark .emoji-picker__preview {
  border-top-color: var(--dark-border-color);
}

.emoji-picker__preview-emoji {
  font-size: var(--emoji-preview-size);
  margin-right: 0.25em;
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
}

.emoji-picker__preview-emoji img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em;
}

.emoji-picker__preview-name {
  color: var(--text-color);
  font-size: 0.85em;
  overflow-wrap: break-word;
  word-break: break-all;
}

.emoji-picker.dark .emoji-picker__preview-name {
  color: var(--dark-text-color);
}

.emoji-picker__container {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(var(--emoji-per-row), calc(var(--emoji-size) * var(--emoji-size-multiplier)));
  grid-auto-rows: calc(var(--emoji-size) * var(--emoji-size-multiplier));
}

.emoji-picker__container.search-results {
  height: var(--content-height);
  overflow-y: auto;
}

.emoji-picker__custom-emoji {
  width: 1em;
  height: 1em;
}

.emoji-picker__emoji {
  background: transparent;
  border: none;
  cursor: pointer;
  overflow: hidden;
  font-size: var(--emoji-size);
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  margin: 0;
  outline: none;
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.emoji-picker__emoji img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em;
}

.emoji-picker__emoji:focus, .emoji-picker__emoji:hover {
  background: var(--hover-color);
}

.emoji-picker__emoji:focus {
  outline: 1px dotted var(--focus-indicator-color);
}

.emoji-picker.dark .emoji-picker__emoji:focus, .emoji-picker.dark .emoji-picker__emoji:hover {
  background: var(--dark-hover-color);
}

.emoji-picker__plugin-container {
  margin: 0.5em;
  display: flex;
  flex-direction: row;
}

.emoji-picker__search-container {
  margin: 0.5em;
  position: relative;
  height: var(--search-height);
  display: flex;
}

.emoji-picker__search {
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  border: 1px solid var(--border-color);
  padding-right: 2em;
  padding: 0.5em 2.25em 0.5em 0.5em;
  font-size: 0.85em;
  outline: none;
}

.emoji-picker.dark .emoji-picker__search {
  background: var(--dark-search-background-color);
  color: var(--dark-text-color);
  border-color: var(--dark-search-border-color);
}

.emoji-picker.dark .emoji-picker__search::placeholder {
  color: var(--dark-search-placeholder-color);
}

.emoji-picker__search:focus {
  border: 1px solid var(--search-focus-border-color);
}

.emoji-picker.dark .emoji-picker__search:focus {
  border-color: var(--dark-search-focus-border-color);
}

.emoji-picker__search-icon {
  position: absolute;
  color: var(--search-icon-color);
  width: 1em;
  height: 1em;
  right: 0.75em;
  top: calc(50% - 0.5em);
}

.emoji-picker__search-icon img {
  width: 1em;
  height: 1em;
}

.emoji-picker__search-not-found {
  color: var(--secondary-text-color);
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.emoji-picker__search-not-found h2 {
  color: var(--secondary-text-color);
}

.emoji-picker.dark .emoji-picker__search-not-found {
  color: var(--dark-secondary-text-color);
}

.emoji-picker.dark .emoji-picker__search-not-found h2 {
  color: var(--dark-secondary-text-color);
}

.emoji-picker__search-not-found-icon {
  font-size: 3em;
}

.emoji-picker__search-not-found-icon img {
  width: 1em;
  height: 1em;
}

.emoji-picker__search-not-found h2 {
  margin: 0.5em 0;
  font-size: 1em;
}

.emoji-picker__variant-overlay {
  background: var(--overlay-background-color);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  animation: fade-in var(--animation-duration) var(--animation-easing);
}

.emoji-picker__variant-overlay.hiding {
  animation: fade-out var(--animation-duration) var(--animation-easing);
}

.emoji-picker__variant-popup {
  background: var(--popup-background-color);
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
  border-radius: 5px;
  animation: grow var(--animation-duration) var(--animation-easing);
  user-select: none;
}

.emoji-picker__variant-overlay.hiding .emoji-picker__variant-popup {
  animation: shrink var(--animation-duration) var(--animation-easing);
}

.emoji-picker.dark .emoji-picker__variant-popup {
  background: var(--dark-popup-background-color);
}

.emoji-picker__emojis {
  overflow-y: auto;
  position: relative;
  height: calc((var(--emoji-size) * var(--emoji-size-multiplier)) * var(--row-count) + var(--category-name-size));
}

.emoji-picker__emojis.hiding {
  animation: fade-out 0.05s var(--animation-easing);
}

.emoji-picker__emojis h2.emoji-picker__category-name {
  font-size: 0.85em;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  margin: 0.25em 0;
  text-align: left;
}

.emoji-picker.dark h2.emoji-picker__category-name {
  color: var(--dark-secondary-text-color);
}

.emoji-picker__category-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: var(--category-button-height);
  margin-bottom: 0.5em;
}

button.emoji-picker__category-button {
  flex-grow: 1;
  background: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  font-size: var(--category-button-size);
  vertical-align: middle;
  color: var(--category-button-color);
  border-bottom: var(--category-border-bottom-size) solid transparent;
  outline: none;
}

button.emoji-picker__category-button img {
  width: var(--category-button-size);
  height: var(--category-button-size);
}

.emoji-picker.keyboard button.emoji-picker__category-button:focus {
  outline: 1px dotted var(--focus-indicator-color);
}

.emoji-picker.dark button.emoji-picker__category-button.active {
  color: var(--category-button-active-color);
}

.emoji-picker.dark button.emoji-picker__category-button {
  color: var(--dark-category-button-color);
}

button.emoji-picker__category-button.active {
  color: var(--category-button-active-color);
  border-bottom: var(--category-border-bottom-size) solid var(--category-button-active-color);
}

@media (prefers-color-scheme: dark) {
  .emoji-picker.auto {
    background: var(--dark-background-color);
    color: var(--dark-text-color);
    border-color: var(--dark-border-color);
  }

  .emoji-picker.auto .emoji-picker__preview {
    border-top-color: var(--dark-border-color);
  }

  .emoji-picker.auto .emoji-picker__preview-name {
    color: var(--dark-text-color);
  }

  .emoji-picker.auto button.emoji-picker__category-button {
    color: var(--dark-category-button-color);
  }

  .emoji-picker.auto button.emoji-picker__category-button.active {
    color: var(--category-button-active-color);
  }

  .emoji-picker.auto .emoji-picker__emoji:focus, .emoji-picker.auto .emoji-picker__emoji:hover {
    background: var(--dark-hover-color);
  }

  .emoji-picker.auto .emoji-picker__search {
    background: var(--dark-search-background-color);
    color: var(--dark-text-color);
    border-color: var(--dark-search-border-color);
  }
 
  .emoji-picker.auto h2.emoji-picker__category-name {
    color: var(--dark-secondary-text-color);
  }

  .emoji-picker.auto .emoji-picker__search::placeholder {
    color: var(--dark-search-placeholder-color);
  }

  .emoji-picker.auto .emoji-picker__search:focus {
    border-color: var(--dark-search-focus-border-color);
  }

  .emoji-picker.auto .emoji-picker__search-not-found {
    color: var(--dark-secondary-text-color);
  }

  .emoji-picker.auto .emoji-picker__search-not-found h2 {
    color: var(--dark-secondary-text-color);
  }

  .emoji-picker.auto .emoji-picker__variant-popup {
    background: var(--dark-popup-background-color);
  }
}</style></head>
<body>

<div class="page">

<header>
  <p class="kicker" editable="single-line">BEST ART WEBSITES and ONLINE GALLERIES AROUND THE WORLD</p>
  <h1><span editable="single-line">ART</span><span class="two" editable="single-line">Refresh</span></h1>
  <div class="facts">
    <p class="fact" editable="single-line">SEPTEMBER 26 edition</p>
    <p class="fact" editable="single-line">THE WORLD AS WE KNOW IT</p>
    <p class="fact" editable="single-line">FEEL FREE TO BROWSE</p>
  </div>
  <div class="lede" editable="">
    <p><span style="font-weight: normal;">Art is nothing anymore, because of</span> generative AI. <span style="font-weight: normal;">This is why it is paramount to preserve it from shortcuts and cheap</span> AI SLOPE.</p>
  </div>
</header>

<main nc:blocks="">

<section nc:block-type="activities">
  <h2 editable="single-line">AM I BOTHERED ?</h2>
  <div class="cols">
    <div class="card block">
      <h3 editable="single-line">FAKE INSPIRATIONS</h3>
      <div editable="">
        <p>As if it wasn't enough for some people to lie blatantly about things they have supposedly said or done (fake diplomas, fake experiences, stolen ideas...), generative IA is now polluting the web with fake everything. Do we want to be submerged with all these artefacts in our daily life ?</p>
      </div>
    </div>
    <div class="card block">
      <h3 editable="single-line">THE DANGER OF FAKE</h3>
      <div editable="">
        <p>It looks like the real thing. But it is not. And when we realize it, beliefs collapse inside our brain.</p><p><b>Doubt is everywhere.</b></p><p>Do you want to live such a horrible life, where everything you take for granted can be a lie ?&nbsp;</p>
      </div>
    </div>
    <div class="card block">
      <h3 editable="single-line">FEAR OF FAKE</h3>
      <div editable="">
        <p>As with a lot of things in this life, once you see fake you cannot unsee it.</p><p>It's a matter of protecting yourself from being exposed to fake in the first place. For you own health.</p>
      </div>
    </div>
  </div>
</section>

<section nc:block-type="schedule">
  <h2 editable="single-line">The REAL ART</h2>
  <div class="sched">
    <div class="slot">
      <p class="t" editable="single-line">MUSIC</p>
      <p class="w"><b editable="single-line">MECHUTA</b><span editable="single-line">A kind of rock duet from Nantes, France. They play their own songs. They are not a fake band. They've played live around. They've been playing for more than 30 years in various bands. They met up in Nantes and have been together for 12 years. They love the likes of QOTSA, Royal Blood, Prince, PJ Harvey, Snarky Puppy... You can listen to their tracks on Bandcamp, Soundclound, from their website : <a href="https://www.mechuta.com/" data-rfm-scanned="1" data-rfm-host="mechuta.com">Duo rock nantais Mechuta</a></span></p>
    </div>
    <div class="slot">
      <p class="t" editable="single-line">10:00</p>
      <p class="w"><b editable="single-line">Four talks</b><span editable="single-line">Hosting on a key. Static files that outlive frameworks. Reading your own logs. What a domain actually is.</span></p>
    </div>
    <div class="slot">
      <p class="t" editable="single-line">11:30</p>
      <p class="w"><b editable="single-line">Build hour</b><span editable="single-line">Templates on the table, three people walking the room.</span></p>
    </div>
    <div class="slot">
      <p class="t" editable="single-line">13:00</p>
      <p class="w"><b editable="single-line">Lunch in the courtyard</b><span editable="single-line">Soup, bread, and the vegan pot on the left.</span></p>
    </div>
    <div class="slot">
      <p class="t" editable="single-line">14:30</p>
      <p class="w"><b editable="single-line">Workshops, pick one</b><span editable="single-line">Backups that you have restored at least once. Moving a site off a platform. Writing for a page nobody ranks.</span></p>
    </div>
    <div class="slot">
      <p class="t" editable="single-line">17:00</p>
      <p class="w"><b editable="single-line">Show and tell</b><span editable="single-line">Five minutes each, projector, no slides required.</span></p>
    </div>
    <div class="slot">
      <p class="t" editable="single-line">19:00</p>
      <p class="w"><b editable="single-line">The fair</b><span editable="single-line">Tables, pizza, and the good speakers.</span></p>
    </div>
  </div>
</section>

<section nc:block-type="rules">
  <h2 editable="single-line">House rules</h2>
  <ol class="rules" editable="">
    <li>Anyone can come. Beginners get the front row and the first questions.</li>
    <li>No recruiting, no pitching, no scanning badges.</li>
    <li>Photos only with a yes from everyone in the frame.</li>
    <li>If you fix something for someone, show them how you did it.</li>
    <li>The room is on the ground floor and the toilets are step free. Tell us
    what else you need and we will sort it.</li>
  </ol>
</section>

<section nc:block-type="shout">
  <div class="shout" editable="">
    Ninety seats, no tickets
    <small>Mail hello at hardrefresh dot sk with the name you want on the tag.
    We reply within two days. If the room fills we run a second date in
    November, same building.</small>
  </div>
</section>

<section nc:block-type="dispatches">
  <h2 editable="single-line">Dispatches</h2>
  <div editable="">
    <p>Notes from the organisers, straight off Nostr.</p>
  </div>
  <div nc:feed="notes" nc:authors="npub15xl73nhfq42tg8s66pv366krk9q74z22plfz3sj9p8a2pk54swpqtd93d4" nc:limit="6" nc:style="grid" class="nc-feed nc-feed-notes nc-feed-grid"></div>
</section>

</main>

<footer editable="">
  <p>Run by four people and a print shop that owes us a favour. Nová Cvernovka,
  Račianska 78, Bratislava. Tram 3 to Riazanská, then five minutes on foot.</p>
</footer>

</div>

<!-- The block library. A <template> renders nothing and is saved with the page,
     so the palette travels with the file. Each shape is this template's own
     markup, so a block added tomorrow looks like the ones already here. -->

<template nc:block="section" nc:label="Section" nc:icon="H" nc:group="Text">
  <section>
    <h2 editable="single-line">A heading</h2>
    <div class="lede" editable=""><p>Write here.</p></div>
  </section>
</template>

<template nc:block="text" nc:label="Paragraph" nc:icon="¶" nc:group="Text" nc:hint="Prose with no heading over it.">
  <section>
    <div editable=""><p>Write here.</p></div>
  </section>
</template>

<template nc:block="shout" nc:label="Shout" nc:icon="!" nc:group="Layout" nc:hint="One big bold line with a smaller note underneath.">
  <section>
    <div class="shout" editable="">
      Say the big thing here
      <small>The smaller line underneath.</small>
    </div>
  </section>
</template>

<template nc:block="cards" nc:label="Cards" nc:icon="▤" nc:group="Layout" nc:hint="A row of boxes that wraps on a phone.">
  <section>
    <h2 editable="single-line">A heading</h2>
    <div class="cols">
      <div class="card block">
        <h3 editable="single-line">A card</h3>
        <div editable=""><p>What it says.</p></div>
        <menu class="nc-gear nc-gear-row">
          <button type="button" onclick="nc.dom.cloneClosest(this, '.card')">Duplicate</button>
          <button type="button" onclick="nc.dom.removeClosestAsk(this, '.card', 'this card')">Delete</button>
        </menu>
      </div>
    </div>
    <menu class="nc-gear nc-gear-row">
      <button type="button" onclick="nc.dom.cloneClosest(this.closest('.cols').querySelector('.card:last-of-type'), '.card')">Add a card</button>
    </menu>
  </section>
</template>

<template nc:block="picture" nc:label="Picture" nc:icon="▥" nc:group="Media" nc:on-add="image" nc:hint="Upload one or paste a URL.">
  <section>
    <figure class="nc-figure card block">
      <img nc:slot="" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Crect width='16' height='9' fill='%23ffe14d'/%3E%3C/svg%3E" alt="">
      <figcaption editable="single-line">Caption</figcaption>
    </figure>
  </section>
</template>

<template nc:block="video" nc:label="Video" nc:icon="▷" nc:group="Media" nc:on-add="video" nc:hint="A YouTube or Vimeo link, or upload a file.">
  <section>
    <figure nc:slot="" class="nc-figure card block"></figure>
  </section>
</template>

<template nc:block="feed" nc:label="Nostr feed" nc:icon="⚡" nc:group="Nostr" nc:on-add="feed" nc:hint="Posts fetched when the page loads.">
  <section>
    <h2 editable="single-line">Lately</h2>
    <div nc:feed="notes" nc:limit="6" nc:style="grid"></div>
  </section>
</template>

<template nc:block="post" nc:label="A post of yours" nc:icon="✎" nc:group="Nostr" nc:on-add="post" nc:hint="Copied into the page, so it reads without a relay.">
  <section>
    <h2 editable="single-line">From the notes</h2>
  </section>
</template>

<div class="nc-bar nc-ui-chrome">
  <span class="nc-dot"></span>
  <span class="nc-who" data-nc-who="">owner · npub15xl73nh…</span>
  <button data-nc-signin="">Sign out</button>
  <button class="nc-primary nc-owner-only" data-nc-blocks="">Add a block</button>
  <button class="nc-owner-only" data-nc-write="">Write</button>
  <button class="nc-owner-only" data-nc-settings="">Settings</button>
  <button class="nc-owner-only" data-nc-history="">History</button>
  <button class="nc-primary nc-owner-only" data-nc-save="">Save</button>
</div>
<p class="nc-edit-hint">add #edit to the URL to edit this page</p>

<script src="/nsite-clay-4582e67f.js"></script>
<script src="/nsite-clay-chrome-aad26e94.js"></script>


<div class="js-collabwriting-highlighter" style="position: initial;"></div><div class="js-collabwriting-highlighter" style="position: initial;"></div></body></html>

A propos d'Outiref

Contact / Signaler un bug

FAQ

Crédits et Mentions Légales

Audit SEO par Abondance

Suivez nous sur...

Un site du Réseau Abondance

Agence SEO Neper
Formations SEO NEPER
Googlefight
Cabinet de conseil en IA - Neper AI
La météo du SEO
Klemo