https://grtsk.com/

ID de exploración:
83c7d2ff-e269-4237-8722-a75c7c8b85bbFinalizado
URL enviada:
https://grtsk.com/
Informe finalizado:

Enlaces: 0 encontrados

Variables JavaScript: 5 encontradas

Mensajes de registro de la consola: 0 encontrados

HTML

<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Romi Grotesque on Radical Disco</title>
<meta name="author" content="romi">
<meta name="description" content="romi grtsk had some thoughts">
<link rel="alternate" type="application/feed+json" href="/feed.json" title="JSONFeed">
<link rel="alternate" type="application/atom+xml" href="/feed.xml" title="Atom feed">
<link rel="me" href="https://disco.grtsk.com/romi">
<link rel="me" href="https://woem.men/@romi">
<style>:root {  /* Main colors */  --text-color: #222;    --background-color: #fefefe;  --link-color: #a7e701;  --lgrey-color: #eee;  --dgrey-color: #666;  --selection-color: #e2e3fa;  --border-color: #ccc;  /* TODOs Colors */  --todo-color: var(--text-color);  --todo-status-color: #999;  --todo-bg-color: var(--lgrey-color);  --ongoing-color: #0063db;  --ongoing-status-color: #0063dbaa;  --ongoing-bg-color: #0063db1f;  --done-color: #00b346;  --done-status-color: #00b346aa;  --done-bg-color: #00b3461f;  /* Fonts */  --emoji-font: "GT Maru Emoji", "GT Maru Emoji BW", emoji;  --emoji-bw-font: "GT Maru Emoji BW", emoji;}@font-face {  font-family: "system";  src: url("/_/fonts/MDSystem-Regular.woff2") format("woff2"),       url("/_/fonts/MDSystem-Regular.woff") format("woff");  font-style: normal;  font-weight: normal;  font-display: swap;}@font-face {  font-family: "system";  src: url("/_/fonts/MDSystem-Italic.woff2") format("woff2"),       url("/_/fonts/MDSystem-Italic.woff") format("woff");  font-style: italic;  font-weight: normal;  font-display: swap;}@font-face {  font-family: "system";  src: url("/_/fonts/MDSystem-Bold.woff2") format("woff2"),       url("/_/fonts/MDSystem-Bold.woff") format("woff");  font-style: normal;  font-weight: bold;  font-display: swap;}@font-face {  font-family: "system";  src: url("/_/fonts/MDSystem-BoldItalic.woff2") format("woff2"),       url("/_/fonts/MDSystem-BoldItalic.woff") format("woff");  font-style: italic;  font-weight: bold;  font-display: swap;}@font-face {  font-family: 'GT Maru Emoji';  src: url("/_/fonts/GT-Maru-Emoji-Color.woff2") format("woff2"),       url("/_/fonts/GT-Maru-Emoji-Color.woff") format("woff"),       url("/_/fonts/GT-Maru-Emoji-Color.ttf") format("ttf");  font-weight: normal;  font-display: swap;}@font-face {  font-family: 'GT Maru Emoji BW';  src: url("/_/fonts/GT-Maru-Emoji-Black-and-White.woff2") format("woff2"),       url("/_/fonts/GT-Maru-Emoji-Black-and-White.woff") format("woff"),       url("/_/fonts/GT-Maru-Emoji-Black-and-White.ttf") format("ttf");  font-weight: normal;  font-display: swap;}* {	padding: 0;	margin: 0;	font-size: 16px;  line-height: 1.45;  box-sizing: border-box;}::selection {  background-color: #e2e3fa;  background-color: var(--selection-color);}body {  color: #222;  color: var(--text-color);  background-color: #fefefe;  background-color: var(--background-color);  font-family: "system", -apple-system, BlinkMacSystemFont, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;   font-feature-settings: "ss03";}footer, footer > * {  border-top-width: 1pt;  border-top-style: solid;  border-top-color: #ccc;  border-top-color: var(--border-color);  background-color: #eee;  background-color: var(--lgrey-color);}</style>
<style>header, main, footer {  padding-left: 1.5em;  padding-right: 1.5em;}header, footer {  padding-top: 2.5em;  padding-bottom: 2.5em;}footer {  margin-top: 40px;}header ul, footer ul {  padding-left: 0;}header #hi div {  display: flex;  align-items: end;}main {  min-height: calc(100vh - 300px);  max-width: 624px;}footer > * {  margin-bottom: 1em;}#name,  #bio, footer .nav-title {  margin-bottom: 1em;}h2 + time, h3 + time {  margin-bottom: 1em}h1, h2, h3 {  margin-top: 1.5em;}h1, h2 {  margin-bottom: 1em;}p,ul,dl,figure,figure img,table {  margin-top: 1em;  margin-bottom: 1em;}dd:has(+ dt) {  margin-bottom: 1em;}@supports (display: grid) {  header, footer, main {    display: grid;  }  header, footer, main {    grid-template-columns: repeat(6, 1fr);    row-gap: 1em;    column-gap: 2em;  }  footer > * {    border: none;    margin-bottom: 0;  }  #about {    grid-column: span 2;  }  header .right, footer .right {    float: none;  }  main {    max-width: unset;  }  #hi {    grid-column: 1 / span 2;  }  main > *, article > * {    grid-column: 1 / span 4;  }  article {    display: contents;  }  h1, h2 {    margin-bottom: 0;  }  p,  ul,  dl,  figure,  figure img,  table {    margin-top: 0;  }  p,  ul,  dl,  figure {    margin-bottom: 0;  }  .right-two {    grid-column: span 2;  }  @media screen and (max-width: 1000px) {    header, footer, main {      column-gap: 1.5em;    }    #hi, main > *, article > * {      grid-column: 1 / -1;    }    #about {      grid-column: 1 / -1;      padding-bottom: 1em;      border-bottom: 1pt dashed var(--border-color);    }    footer nav {      grid-column-end: span 3;    }    .right-two {      grid-column: 1 / -1;    }  }  @media screen and (min-width: 1440px) {     #hi, main > *, article > * {      grid-column: 2 / span 3;    }    #about {      grid-column: 2 / span 2;    }  }}p,ul,table,dt, dd {  max-width: 624px;}#bio {  max-width: 390px;}@media (max-width: 600px) {  .mobile-hide {    display: none;  }}@media (max-width: 450px) {  header, main, footer {    padding-left: 1em;    padding-right: 1em;  }}</style>
<style>header a, footer a {  color: #222;  color: var(--text-color);}#name, footer .nav-title {  font-weight: bold;}#rabbit {	font-size: 2.4em;	transition: transform 0.5s ease-in-out;}#hi:hover .emoji, button {	transform: scale(1.2) rotate(10deg);	animation-duration: 2s;	animation-name: scale-spin;	animation-iteration-count: infinite;}.button {	transition: transform 2s ease-in-out;	animation-duration: 4s;}#hi:hover .emoji.night-time {	transform: rotate(10deg);	animation-name: spin;}@keyframes scale-spin {  0%, 50%, 100% {    transform: scale(1) rotate(0deg);  }  25% {    transform: scale(1.2) rotate(10deg);  }  75% {    transform: scale(1.2) rotate(-10deg);  }}@keyframes spin {  0%, 50%, 100% {    transform: rotate(0deg);  }  25% {    transform: rotate(10deg);  }  75% {    transform: rotate(-10deg);  }}#my-name {	line-height: 0.8;	font-size: 1.4em;	font-weight: bold;}#hi:hover #rabbit {  color: var(--text-color);}header #starter-pack {  font-weight:bold;  font-style: italic;}:target {    -webkit-animation: target-fade 3s 1;    -moz-animation: target-fade 3s 1;}@-webkit-keyframes target-fade {    0% { background-color: var(--selection-color); }    100% { background-color: initial; }}h1 {  font-size: 1.8em;  line-height: 1.2;}h2 {  font-size: 1.4em;  line-height: 1.4;  font-weight: normal;}h2 + time::after, h3 + time::after {  content: " 🔗";  font-family: "GT Maru Emoji BW", emoji;  line-height: 1;}h2:has(+ time), h3:has(+ time) {  margin-bottom: 0;}p {  hyphens: auto;}a {  text-decoration: none;  color: #222;  color: var(--text-color);}a:hover {  color: #a7e701;  color: var(--link-color);}p a,figcaption a,dl a {	animation-duration: 1s;	animation-iteration-count: infinite;  text-decoration: underline;  text-underline-offset: 0.1em;}p a:hover,figcaption a:hover,dl a:hover {  animation-name: bounce-line;}@keyframes bounce-line {  0%, 50%, 100% {    text-underline-offset: 0.1em;  }  25%, 75% {    text-underline-offset: 0.2em;  }}code {  font-size: 0.9em;}img {  max-width: 100%;}figcaption, figcaption a {  color: #666;  color: var(--dgrey-color);}figcaption, figcaption a {	font-size: 0.8rem;	font-family: monospace;	text-transform: uppercase;}ul {  padding-left: 1em;}ul ul {  margin: 0;}li {	list-style: circle;}ul.todos {  padding-left: 0;}ul.todos li {	list-style: none;	border-radius: 4pt;	padding: 0.3rem 0.4rem;	display: flex;	align-items: baseline;	justify-content: space-between;	color: #222;	color: var(--todo-color);}.todos li {  margin-bottom: 0.3em;}.todos li::after {	font-family: monospace;	line-height: 1;	font-size: 0.8em;	text-transform: uppercase;}.todos .todo {  background-color: #eee;  background-color: var(--todo-bg-color);}.todos .todo::after {	content: 'todo';	color: #999;	color: var(--todo-status-color);}.todos .todo:hover::after {  color: #222;  color: var(--todo-color);}.todos .ongoing {  color: #0063db;  color: var(--ongoing-color);  background-color: #0063db1f;  background-color: var(--ongoing-bg-color);}.todos .ongoing::after {	content: 'ongoing';	color: #0063dbaa;	color: var(--ongoing-status-color);}.todos .ongoing:hover::after {  color: #0063db;	color: var(--ongoing-color);}.todos .done {  color: #00b346;  color: var(--done-color);  background-color: #00b3461f;  background-color: var(--done-bg-color);}.todos .done::after {	content: 'done';  color: #00b346aa;	color: var(--done-status-color);}.todos .done:hover::after {  color: #00b346;	color: var(--done-color);}header ul, footer ul {  margin: 0;}header li, footer li {  list-style: none;}table {  border-collapse: collapse;  font-variant-numeric: tabular-nums;  width: 100%;}table tr {  border-width: 1pt;  border-style: solid;  border-color: #ccc;  border-color: var(--border-color);}table td, table th {	vertical-align: top;	padding: 0.3rem 0.4rem;	text-align: left;}sup {  font-variant-position: super;}.brief {  font-size: 1.33em;  font-weight: bold;  line-height: 1.1;}.lgrey {  background-color: #eee;  background-color: var(--lgrey-color);}.emoji, button {  font-family: var(--emoji-font);   line-height: 1;  font-size: 1.2em;}.overflow-x {  overflow-x: scroll;}/* HACK: Detect Safari */@supports (background: -webkit-named-image(i)) {  .emoji, button {    font-family: var(--emoji-bw-font);   }}</style>
<style>#hi {  font-size: 3em;  line-height: 0.8;  margin-top: 40px;  margin-bottom: 60px;}</style>
<script src="/_/something.js"></script></head>
<body><main>

<h1 id="hi" class="name">romi<br>grtsk</h1>


<p>Ahoy! Welcome to my homepage! I’m romi, an artist and designer based in Angoulême, France. Everything here is still pretty much a work in progress, so, click around!<br>—&nbsp;romi</p>

<!--
<div id="starter-pack">
  <article>
    <h2>Starter Pack</h2>

    <dl>
      <dt><a href="/about"><span class="emoji">💚</span> About</a></dt>
      <dd>Get to know me thanks to a biography written in the third person. I also have my contact details and some informations about this very website there.</dd>

      <dt><a href="/log"><span class="emoji">⏳</span> Log</a></dt>
      <dd>Sharing some news, venting, anything, really.</dd>

      <dt><a href="/garden"><span class="emoji">🌼</span> Garden</a></dt>
      <dd>Hey, I wrote something and I’m very smart!</dd>
    </dl>
  </article>
</div>
-->

<h2>Latest Log</h2><div>
<h3>Travelling To The Netherlands</h3>
<time datetime="2024-11-06"><a href="/log/#travelling-to-the-netherlands">2024-11-06</a></time>
</div>
<p>It’s been less than a month since I moved to <a href="/angouleme">Angoulême</a>, but I already went for a little trip with my partner to the Netherlands. My last travel abroad was a year ago, to Brussels, but I can’t remember the last time I flew abroad on a plane! We spent two nights in Amsterdam and four in Rotterdam.</p><figure class="overflow-x">  <table>    <thead>      <tr class="lgrey">        <th>Date</th>        <th>Morning</th>        <th>Afternoon</th>        <th>Evening</th>        <th>Night</th>      </tr>    </thead>    <tbody>      <tr>        <td>30/10</td>        <td>—</td>        <td>Amsterdam</td>        <td>Amsterdam</td>        <td>Amsterdam</td>      </tr>      <tr>        <td>31/10</td>        <td>Amsterdam</td>        <td>Amsterdam</td>        <td>Amsterdam</td>        <td>Amsterdam</td>      </tr>      <tr>        <td>01/11</td>        <td>Amsterdam</td>        <td>Rotterdam</td>        <td>Rotterdam</td>        <td>Rotterdam</td>      </tr>      <tr>        <td>02/11</td>        <td>Rotterdam</td>        <td>Utrecht</td>        <td>Utrecht</td>        <td>Rotterdam</td>      </tr>      <tr>        <td>03/11</td>        <td>Rotterdam</td>        <td><s>The Hague</s><br>Rotterdam</td>        <td><s>The Hague</s><br>Rotterdam</td>        <td>Rotterdam</td>      </tr>      <tr>        <td>04/11</td>        <td>Rotterdam</td>        <td><s>Rotterdam</s><br>Amsterdam</td>        <td><s>Rotterdam</s><br>Amsterdam</td>        <td>Rotterdam</td>      </tr>      <tr>        <td>05/11</td>        <td>Amsterdam</td>        <td>—</td>        <td>—</td>        <td>—</td>      </tr>    </tbody>  </table>  <figcaption>The trip’s plan. Crossed cities are route change.</figcaption></figure><p>We spent two nights in Amsterdam, and four in Rotterdam. For the first two days, we stayed in Amsterdam to visit some museums and get some drinks at some lesbian bars. We thought that the bars were not really lively at first. I was a bit disappointed by the Halloween celebrations. Or the lack thereof… We also realized that most Halloween parties were planned before or after the 31st, which sounds weird to me. Am I crazy?</p><p>Following Amsterdam, when we moved to Rotterdam, we planned to visit the other big cities by hopping into a train every day.</p><p>I witnessed the worst DJ set ever in Rotterdam, but I understood that Dutch people only start to hang out for parties starting 22:30. It explained why our previous outings at bars were not so lively.</p><p>We spent the fourth day in Utrecht. This city is so beautiful, a really nice surprise after our Rotterdam experience. We visited the railway museum there and strolled around until we took a train back to Rotterdam early in the evening. Talking about trains, I spent quite some time on Mini Metro during our rides. What am I saying, it started a real Mini Metro mania. I love this game, it’s one of my favourites! Our other entertainment source while waiting was reading One&nbsp;Piece. I read fourteen volumes (63–77) in a week, which is not bad.</p><figure class="shalf">  <picture>    <source type="image/webp" srcset="/_/img/mini_metro_mania_europe.webp">    <img src="/_/img/mini_metro_mania_europe.gif" loading="lazy">  </picture>  <figcaption>Timelapse of a Mini Metro session I enjoyed.</figcaption></figure><p>We wanted to hang out in The Hague, but since we really wanted to check the “Diva” exhibition at the Kunsthal museum, we had to free our Sunday for it. And then on Monday, the opened museum in The Hague were not interesting, so we went back to Amsterdam instead to visit Rijksmuseum and eat a Swiss fondue for our last day.</p><p>I think that this trip was brilliant. I was really charmed by their simple three trains service system, which seems to work very well for a 41.865&nbsp;km² country. By the end of the trip, I kept thinking about swimming in the canals, but maybe I got indoctrinated by the France&nbsp;2024’s swimmable Seine campaign. Maybe some kind of monster lives below the surface? I have the <abbr title="Fear of missing out">FOMO</abbr> now…</p><p>I’m tired and sick, so I kept it short! Anyway, you can read about the places I liked there on the dedicated <a href="/netherlands">Netherlands page</a>.</p><figure class="right-two">  <picture>    <source type="image/webp" srcset="/_/img/yuda.webp">    <img height="160" src="/_/img/yuda.png" loading="lazy" alt="A dithered picture of one of the Yuda that drives Boa Hancock’s ship in One Piece">  </picture></figure>

</main>
 <footer>
  <div id="about" class="h-card">
    <div id="name" class="p-name"><a href="/" class="u-url"></a><a href="/about">romi grtsk</a></div>
    <div id="bio" class="p-note">I’m an artist and designer based in Angoulême, France. My work is focused on photography, type design and type design software.</div>
    <div id="years">© 1994—<abbr title="Death of Disco">DOD</abbr></div>
  </div>
  <nav id="starter-pack">
    <div class="nav-title"><span>Starter Pack</span></div>
    <ul>
      <li><a href="/about">About</a></li>
      <li><a href="/log">Log</a></li>
      <li><a href="/garden">Garden</a></li>
    </ul>
  </nav>
  <nav>
    <div class="nav-title"><span>Meta</span></div>
     <ul>
       <li><a href="/sitemap">Sitemap</a></li>
       <li><a href="/changelog">Changelog</a></li>
       <li><a href="/feed.json">Feed</a></li>
     </ul>
   </nav>
 </footer>

</body></html>