https://stollerys.co.uk

HASH 28c8c4d754f1fa413913d63bd3cf7c84
This item was proven by @phils on 2023-04-05T19:47:45+00:00. (View all of @phils’s proofs.)
Evidence

This is a copy of the web page retrieved on 2023-04-05T19:47:45+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en"><head>
<title>Phils weblog · home</title>
<meta proof="proven.lol/fe24d0">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="alternate" type="application/rss+xml" title="RSS feed" href="/rss.xml">
<link rel="alternate" type="application/atom+xml" title="Atom feed" href="/atom.xml">
<link rel="alternate" type="application/json" title="JSON feed" href="/feed.json">

<link rel="apple-touch-icon" sizes="180x180" href="https://raw.githubusercontent.com/PhilStollery/phils.weblog.lol/master/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://raw.githubusercontent.com/PhilStollery/phils.weblog.lol/master/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://raw.githubusercontent.com/PhilStollery/phils.weblog.lol/master/images/favicon-16x16.png">
<link rel="manifest" href="https://raw.githubusercontent.com/PhilStollery/phils.weblog.lol/master/images/site.webmanifest">

<style>
@import url('https://static.omg.lol/type/font-honey.css');
@import url('https://static.omg.lol/type/font-lato-regular.css');
@import url('https://static.omg.lol/type/font-lato-bold.css');
@import url('https://static.omg.lol/type/font-lato-italic.css');
@import url('https://static.omg.lol/type/font-md-io.css');
@import url('https://static.omg.lol/type/fontawesome-free/css/all.css');

:root {
  --foreground: #212529;
  --background: #f8f9fa;
  --link: #0b7285;
  --accent: #868e96;
  --articleBG: #313437;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground: #eee;
    --background: #222;
    --link: #99e9f2;
    --accent: #ced4da;
  }
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Lato', sans-serif;
  font-size: 120%;
  color: var(--foreground);
  background: var(--background);
}

nav {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: var(--articleBG);
    border-radius: 0.5em;
    font-family: 'VC Honey Deck', sans-serif;
    line-height: 100%;
}

nav li {
    list-style-type: none;
}

nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0;
    margin: 10px 15px 10px 15px;
    align-content: center;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'VC Honey Deck', serif;
  margin: 1rem 0;
}

p, li {
  line-height: 160%;
}

header, main, footer {
  max-width: 50em;
  margin: 3em auto;
  padding: 0 0.5em;
}

header {
  margin-top: 3em;
}

header h1 { 
  text-align: center;
}

header h1 a:hover { 
  text-decoration: none;
}

footer p {
  margin-top: 5em;
  font-size: 90%;
  text-align: center;
}

a:link { color: var(--link); text-decoration: none; }
a:visited { color: var(--link); text-decoration: none; }
a:hover { color: var(--link); text-decoration: underline; }
a:active { color: var(--link); text-decoration: underline; }

nav li a:link, nav li a:visited {
    color: white;
}

.post-info, .post-tags {
  font-size: 85%;
  color: var(--accent);
  text-align: left;
}

.post-info {
  padding-bottom: 1em;
  border-bottom: 1px outset var(--accent);
}

.post-info i:nth-child(2) {
  margin-left: .75em;
}

.post-tags {
  padding-bottom: 1em;
}

.tag {
  background: var(--accent);
  color: var(--background) !important;
  padding: .3em .4em;
  margin: .8em 0 0 .4em;
  border-radius: .5em;
  text-decoration: none;
  display: inline-block;
}

hr {
  border: 0;
  height: 1px;
  background: #333;
  margin: 2em 0;
}

code {
  padding: .2em .3em;
  border: 1px solid var(--accent);
  white-space: pre-wrap;
  word-wrap: break-word; 
}

pre, code {
  font-family: 'MD IO 0.4';
  font-size: 90%;
}

pre code {
  background:  #000;
  color:  #eee;
  display: inline-block;
  padding: 1em;
  white-space: pre-wrap;
  word-wrap: break-word;   
}

table {
  border-collapse: collapse;
}

td, th {
  padding: .75em;
  text-align: left;
  border: 1px solid var(--accent);
}
  
.weblog-title a {
  text-decoration: none;
  color: var(--foreground);
}

img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  border-radius: 0.5em;
}

div.table-container {
  display: flex; 
  flex-direction: row;
}

div.table-cell {
  padding-right: 1em;
  padding-bottom: 1em;
}

div.weblog-info {
  display: flex;
        flex-direction: row;
        gap: 2rem;
        margin-top: 7rem;
        padding: 1rem 2rem 0.75rem;
  background-color: var(--articleBG);
  border-radius: 0.5em;
}

div.weblog-info div.item {
  flex: 1;
}

@media only screen and (max-width: 750px) {
  div.weblog-info {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  div.weblog-info div.item {
    flex: 1;
  }

  div.table-container {
    display: flex; 
    flex-direction: column;
    gap: 0;
  }
}

div.weblog-info ul {
   margin-left: 1.2rem;
    padding-left: 0;
}

div.weblog-info div.statuslol_emoji_container {
  display: none;
}

.statuslol_content p {
  line-height: 100%;
  margin-bottom: 0.5em;
}

.statuslol_time {
    padding-left: 0.5em;
    font-size: 0.8em;
}

h3.recent-posts:before {
  content: "\f1da";
  font: var(--fa-font-solid);
  margin-right: 0.8rem;
}

h3.more-posts:before {
  content: "\f0ca";
  font: var(--fa-font-solid);
  margin-right: 0.8rem;
}

h3.current-status:before {
  content: "\f0a1";
  font: var(--fa-font-solid);
  margin-right: 0.8rem;
}
  
h3.contact-me:before {
  content: "\f573";
  font: var(--fa-font-solid);
  margin-right: 0.8rem;
}

h3.contact-me {
    margin-top: 2em;
}

article > ol > li {
  padding-inline-start: 0.75em;
}

</style>
</head>
<body>

<header>
  <h1 class="weblog-title"><a href="/">Phils weblog</a></h1>
  <nav>
<ul>
<li><a href="/home">home</a></li>
<li><a href="/archive">all posts</a></li>
<li><a href="/setup">setup</a></li>
<li><a href="https://me.stollerys.co.uk">about</a></li>
<li><a href="/rss.xml"><i class="fas fa-rss"></i></a></li></ul>
</nav>
</header>

<main>

<article>
  <h1><i class="fas fa-door-open"></i> home</h1>
<p>My little corner of the web, where I collect the odd things I find.</p>

</article>

<div class="weblog-info">
  <div class="item">
    <h3 class="current-status">Current status</h3>
    <div class="statuslol_container"><div class="statuslol" style=""><div class="statuslol_emoji_container">🐉</div> <div class="statuslol_content"><p>Took my daughter and 7 of her 12 year old friends to see Dungeons &amp; Dragons. We all really enjoyed it.</p> <div class="statuslol_time"><a style="" href="https://phils.status.lol/642a761899466">2 days ago</a> · <a style="" href="https://social.lol/users/phils/statuses/110133532722595892">Respond</a></div></div></div></div><script src="https://status.lol/phils.js?time&amp;link"></script>
    <br\>
    <h3 class="contact-me">Contact me: <a href="mailto:phils@omg.lol" title="Email me"><i class="far fa-envelope"></i></a>&nbsp;<a rel="me" href="https://social.lol/@phils" title="My Mastodon instance."><i class="fa-brands fa-fw fa-mastodon"></i></a></h3>
  </br\></div>
  <div class="item">
    <h3 class="recent-posts">Last post</h3>
    
<p><a href="/2023/04/consumer-vs-producer"><i class="far fa-newspaper"></i> Consumer vs Producer</a></p>


    <br\>
    <h3 class="more-posts">More posts</h3>
    <ul>
      <li><a href="/archive">All posts</a></li>
      <li><a href="/random">Random post</a></li>
    </ul>
    <br\>
  </br\></br\></div>
</div>

</main>

<footer>
  <p>Made with <a href="https://home.omg.lol/referred-by/phils" title="Love by prami at omg.lol"><i class="fa-solid fa-heart"></i></a> at <a href="https://weblog.lol">weblog.lol</a> © 2018 - 2023</p>
</footer>



</body></html>