Skip to content

Commit

Permalink
Deploying to gh-pages from @ 248a43f 🚀
Browse files Browse the repository at this point in the history
  • Loading branch information
@jezen
jezen committed Nov 18, 2024
1 parent 03315ff commit 5cd4868
Show file tree
Hide file tree
Showing 67 changed files with 781 additions and 1,750 deletions.
34 changes: 7 additions & 27 deletions 2013/07/the-setup/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,47 +27,25 @@
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/gif" href="/doom.gif">
<link rel="stylesheet" type="text/css" href="/css/99b1b83f825f17c1eb6396135956f2b2.css">
<link rel="stylesheet" type="text/css" href="/css/fff534be224c1ee1188839fb57c525f2.css">
<link rel="alternate" type="application/rss+xml" href="/feed.xml" title="RSS feed">
</head>
<body>
<div class="about">
<header>

<a class="portrait" href="/">
<img alt="Jezen Thomas" src="/static/img/jgt.jpg" loading="lazy">
<img alt="Jezen Thomas" src="/static/img/jgt2.jpg" loading="lazy">
</a>

<h1 class="site-title">
<a href="/">Jezen Thomas</a>
</h1>

<p class="bio">
CTO &amp; Co-Founder at <a href="https://supercede.com">Supercede</a>.
Haskell programmer.
Writing about business and software engineering.
Working from anywhere.
CTO &amp; Co-Founder at Supercede.
</p>

<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a aria-current="true" href="/posts">Blog</a>
</li>
<li>
<a href="/about">About</a>
</li>
<li id="bmac">
<a href="https://buymeacoffee.com/jezen">Buy me a coffee</a>
</li>
</ul>
</nav>

<footer>&copy; 2024 Jezen Thomas</footer>

</div>
</header>

<div id="main"><div class="container">
<article>
Expand Down Expand Up @@ -113,6 +91,8 @@ <h2 id="what-would-be-your-dream-setup">What would be your dream setup?</h2>
</article>
</div>
</div>
<footer>&copy; 2024 Jezen Thomas</footer>


<script type="text/javascript">
[].slice.call(document.querySelectorAll('.footnote-ref sup')).forEach(function(el) {
Expand Down
64 changes: 29 additions & 35 deletions 2013/08/arcify/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,47 +27,25 @@
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/gif" href="/doom.gif">
<link rel="stylesheet" type="text/css" href="/css/99b1b83f825f17c1eb6396135956f2b2.css">
<link rel="stylesheet" type="text/css" href="/css/fff534be224c1ee1188839fb57c525f2.css">
<link rel="alternate" type="application/rss+xml" href="/feed.xml" title="RSS feed">
</head>
<body>
<div class="about">
<header>

<a class="portrait" href="/">
<img alt="Jezen Thomas" src="/static/img/jgt.jpg" loading="lazy">
<img alt="Jezen Thomas" src="/static/img/jgt2.jpg" loading="lazy">
</a>

<h1 class="site-title">
<a href="/">Jezen Thomas</a>
</h1>

<p class="bio">
CTO &amp; Co-Founder at <a href="https://supercede.com">Supercede</a>.
Haskell programmer.
Writing about business and software engineering.
Working from anywhere.
CTO &amp; Co-Founder at Supercede.
</p>

<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a aria-current="true" href="/posts">Blog</a>
</li>
<li>
<a href="/about">About</a>
</li>
<li id="bmac">
<a href="https://buymeacoffee.com/jezen">Buy me a coffee</a>
</li>
</ul>
</nav>

<footer>&copy; 2024 Jezen Thomas</footer>

</div>
</header>

<div id="main"><div class="container">
<article>
Expand All @@ -80,24 +58,40 @@ <h1 class="post-title">Arcify</h1>

</p>
</div>
<p>I borrowed the idea from a design that I came across on
<a href="http://simpledesktops.com/browse/desktops/2012/feb/14/arcify/">simpledesktops.com</a>,
by this cool hacker guy <a href="https://twitter.com/abachman">Adam Bachman</a>. It
consists of a number of different coloured arcs of varying lengths. I decided
<p>I borrowed the idea from a design that I came across on <a href="http://simpledesktops.com/browse/desktops/2012/feb/14/arcify/">simpledesktops.com</a>.
It consists of a number of different coloured arcs of varying lengths. I decided
to try and bring it to life with some animation.</p>
<p>Each arc is just a list-item in an unordered list. The part of the element
you’re seeing is the border. I curved the borders with <code>border-radius</code>, and
then just removed a few sides of the borders by making their colour
transparent. The animation is just random degrees of rotation in keyframes,
with an infinite transition time.</p>
<p data-height="340" data-theme-id="477" data-slug-hash="CAHsk" data-default-tab="result" data-user="jezen" class="codepen">
See the Pen <a href="http://codepen.io/jezen/pen/CAHsk/">Arcify</a> by Jezen Thomas (<a href="http://codepen.io/jezen"><span class="citation" data-cites="jezen">@jezen</span></a>) on <a href="http://codepen.io">CodePen</a>.
</p>
<script async src="//s.codepen.io/assets/embed/ei.js"></script>
<div id="arcify">
<ul>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</div>

</article>
</div>
</div>
<footer>&copy; 2024 Jezen Thomas</footer>


<script type="text/javascript">
[].slice.call(document.querySelectorAll('.footnote-ref sup')).forEach(function(el) {
Expand Down
Loading

0 comments on commit 5cd4868

Please sign in to comment.