174 lines
17 KiB
HTML
174 lines
17 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="robots" content="noodp" />
|
||
<title>I Redesigned the Site - LitlToast's Blog</title><meta name="Description" content="Hopefully this will not be a yearly tradition of me updating the site, making one post, and leaving it untouched."><meta property="og:title" content="I Redesigned the Site" />
|
||
<meta property="og:description" content="Hopefully this will not be a yearly tradition of me updating the site, making one post, and leaving it untouched." />
|
||
<meta property="og:type" content="article" />
|
||
<meta property="og:url" content="https://higgy999.github.io/site-redesigned-2022/" /><meta property="og:image" content="https://higgy999.github.io/site-redesigned-2022/featured-image.png"/><meta property="article:section" content="posts" />
|
||
<meta property="article:published_time" content="2022-08-23T00:09:32-04:00" />
|
||
<meta property="article:modified_time" content="2022-08-23T15:47:13-04:00" /><meta property="og:site_name" content="LitlToast's Blog" />
|
||
|
||
<meta name="twitter:card" content="summary_large_image"/>
|
||
<meta name="twitter:image" content="https://higgy999.github.io/site-redesigned-2022/featured-image.png"/>
|
||
<meta name="twitter:title" content="I Redesigned the Site"/>
|
||
<meta name="twitter:description" content="Hopefully this will not be a yearly tradition of me updating the site, making one post, and leaving it untouched."/>
|
||
<meta name="application-name" content="LitlToast's Blog">
|
||
<meta name="apple-mobile-web-app-title" content="LitlToast's Blog"><meta name="theme-color" content="#ffffff"><meta name="msapplication-TileColor" content="#da532c"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"><link rel="manifest" href="/site.webmanifest"><link rel="canonical" href="https://higgy999.github.io/site-redesigned-2022/" /><link rel="prev" href="https://higgy999.github.io/butter-dejavu/" /><link rel="stylesheet" href="/css/style.min.css"><link rel="preload" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
||
<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/all.min.css"></noscript><link rel="preload" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
||
<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css"></noscript><script type="application/ld+json">
|
||
{
|
||
"@context": "http://schema.org",
|
||
"@type": "BlogPosting",
|
||
"headline": "I Redesigned the Site",
|
||
"inLanguage": "en",
|
||
"mainEntityOfPage": {
|
||
"@type": "WebPage",
|
||
"@id": "https:\/\/higgy999.github.io\/site-redesigned-2022\/"
|
||
},"image": [{
|
||
"@type": "ImageObject",
|
||
"url": "https:\/\/higgy999.github.io\/site-redesigned-2022\/featured-image.png",
|
||
"width": 1920 ,
|
||
"height": 600
|
||
}],"genre": "posts","keywords": "Website, Update","wordcount": 225 ,
|
||
"url": "https:\/\/higgy999.github.io\/site-redesigned-2022\/","datePublished": "2022-08-23T00:09:32-04:00","dateModified": "2022-08-23T15:47:13-04:00","publisher": {
|
||
"@type": "Organization",
|
||
"name": "LitlToast","logo": {
|
||
"@type": "ImageObject",
|
||
"url": "https:\/\/higgy999.github.io\/images\/dark-avatar.png",
|
||
"width": 288 ,
|
||
"height": 288
|
||
}},"author": {
|
||
"@type": "Person",
|
||
"name": "LitlToast"
|
||
},"description": "Hopefully this will not be a yearly tradition of me updating the site, making one post, and leaving it untouched."
|
||
}
|
||
</script></head>
|
||
<body data-header-desktop="fixed" data-header-mobile="auto"><script type="text/javascript">(window.localStorage && localStorage.getItem('theme') ? localStorage.getItem('theme') === 'dark' : ('auto' === 'auto' ? window.matchMedia('(prefers-color-scheme: dark)').matches : 'auto' === 'dark')) && document.body.setAttribute('theme', 'dark');</script>
|
||
|
||
<div id="mask"></div><div class="wrapper"><header class="desktop" id="header-desktop">
|
||
<div class="header-wrapper">
|
||
<div class="header-title">
|
||
<a href="/" title="LitlToast's Blog"><span class="header-title-pre"><img src="/images/dark-avatar.png" width="25" height="25"></span>LitlToast</a>
|
||
</div>
|
||
<div class="menu">
|
||
<div class="menu-inner"><a class="menu-item" href="/posts/"> Posts </a><a class="menu-item" href="/categories/"> Projects </a><a class="menu-item" href="/tags/"> Tags </a><a class="menu-item" href="/about/"> About </a><span class="menu-item delimiter"></span><span class="menu-item search" id="search-desktop">
|
||
<input type="text" placeholder="Search titles or contents..." id="search-input-desktop">
|
||
<a href="javascript:void(0);" class="search-button search-toggle" id="search-toggle-desktop" title="Search">
|
||
<i class="fas fa-search fa-fw" aria-hidden="true"></i>
|
||
</a>
|
||
<a href="javascript:void(0);" class="search-button search-clear" id="search-clear-desktop" title="Clear">
|
||
<i class="fas fa-times-circle fa-fw" aria-hidden="true"></i>
|
||
</a>
|
||
<span class="search-button search-loading" id="search-loading-desktop">
|
||
<i class="fas fa-spinner fa-fw fa-spin" aria-hidden="true"></i>
|
||
</span>
|
||
</span><a href="javascript:void(0);" class="menu-item theme-switch" title="Switch Theme">
|
||
<i class="fas fa-adjust fa-fw" aria-hidden="true"></i>
|
||
</a></div>
|
||
</div>
|
||
</div>
|
||
</header><header class="mobile" id="header-mobile">
|
||
<div class="header-container">
|
||
<div class="header-wrapper">
|
||
<div class="header-title">
|
||
<a href="/" title="LitlToast's Blog"><span class="header-title-pre"><img src="/images/dark-avatar.png" width="25" height="25"></span>LitlToast</a>
|
||
</div>
|
||
<div class="menu-toggle" id="menu-toggle-mobile">
|
||
<span></span><span></span><span></span>
|
||
</div>
|
||
</div>
|
||
<div class="menu" id="menu-mobile"><div class="search-wrapper">
|
||
<div class="search mobile" id="search-mobile">
|
||
<input type="text" placeholder="Search titles or contents..." id="search-input-mobile">
|
||
<a href="javascript:void(0);" class="search-button search-toggle" id="search-toggle-mobile" title="Search">
|
||
<i class="fas fa-search fa-fw" aria-hidden="true"></i>
|
||
</a>
|
||
<a href="javascript:void(0);" class="search-button search-clear" id="search-clear-mobile" title="Clear">
|
||
<i class="fas fa-times-circle fa-fw" aria-hidden="true"></i>
|
||
</a>
|
||
<span class="search-button search-loading" id="search-loading-mobile">
|
||
<i class="fas fa-spinner fa-fw fa-spin" aria-hidden="true"></i>
|
||
</span>
|
||
</div>
|
||
<a href="javascript:void(0);" class="search-cancel" id="search-cancel-mobile">
|
||
Cancel
|
||
</a>
|
||
</div><a class="menu-item" href="/posts/" title="">Posts</a><a class="menu-item" href="/categories/" title="">Projects</a><a class="menu-item" href="/tags/" title="">Tags</a><a class="menu-item" href="/about/" title="">About</a><a href="javascript:void(0);" class="menu-item theme-switch" title="Switch Theme">
|
||
<i class="fas fa-adjust fa-fw" aria-hidden="true"></i>
|
||
</a></div>
|
||
</div>
|
||
</header><div class="search-dropdown desktop">
|
||
<div id="search-dropdown-desktop"></div>
|
||
</div>
|
||
<div class="search-dropdown mobile">
|
||
<div id="search-dropdown-mobile"></div>
|
||
</div><main class="main">
|
||
<div class="container"><div class="toc" id="toc-auto">
|
||
<h2 class="toc-title">Contents</h2>
|
||
<div class="toc-content" id="toc-content-auto"></div>
|
||
</div><article class="page single"><h1 class="single-title animate__animated animate__flipInX">I Redesigned the Site</h1><div class="post-meta">
|
||
<div class="post-meta-line"><span class="post-author"><a href="/" title="Author" rel="author" class="author"><i class="fas fa-user-circle fa-fw" aria-hidden="true"></i>LitlToast</a></span> <span class="post-category">included in <a href="/categories/general/"><i class="far fa-folder fa-fw" aria-hidden="true"></i>General</a></span></div>
|
||
<div class="post-meta-line"><i class="far fa-calendar-alt fa-fw" aria-hidden="true"></i> <time datetime="2022-08-23">2022-08-23</time> <i class="fas fa-pencil-alt fa-fw" aria-hidden="true"></i> 225 words
|
||
<i class="far fa-clock fa-fw" aria-hidden="true"></i> 2 minutes </div>
|
||
</div><div class="featured-image"><img
|
||
class="lazyload"
|
||
src="/svg/loading.min.svg"
|
||
data-src="/site-redesigned-2022/featured-image.png"
|
||
data-srcset="/site-redesigned-2022/featured-image.png, /site-redesigned-2022/featured-image.png 1.5x, /site-redesigned-2022/featured-image.png 2x"
|
||
data-sizes="auto"
|
||
alt="/site-redesigned-2022/featured-image.png"
|
||
title="Hopefully this will not be a yearly tradition of me updating the site, making one post, and leaving it untouched." /></div><div class="details toc" id="toc-static" data-kept="">
|
||
<div class="details-summary toc-title">
|
||
<span>Contents</span>
|
||
<span><i class="details-icon fas fa-angle-right" aria-hidden="true"></i></span>
|
||
</div>
|
||
<div class="details-content toc-content" id="toc-content-static"><nav id="TableOfContents"></nav></div>
|
||
</div><div class="content" id="content"><p>Hopefully this will not be a yearly tradition of me updating the site, making one post, and leaving it untouched.</p>
|
||
<p>I wanted to write some posts this summer, <em>(not really this summer more like five days ago)</em>, and either Jekyll wouldn’t put them into each projects’ feed or they wouldn’t show up. I had recently watched “<em><a href="https://www.youtu.be/0RKpf3rK57I" target="_blank" rel="noopener noreffer ">Hugo in 100 seconds</a></em>” by <a href="https://www.youtube.com/c/Fireship" target="_blank" rel="noopener noreffer ">Fireship</a> and had been looking at themes for a bit. So then instead of trying to recall what painful, voodoo witchcraft I needed to do to actually get these posts to display, <em>(this was because I made my own theme, Jekyll is actually very cool)</em> I switched over to Hugo and the LoveIt theme. I’ll probably fork and mess around with a custom color palette, but it’s now way simpler to write a post, just do <code>hugo new content\posts\postname\index.md</code> and write! Another reason for the move is that I won’t get security alerts for the Gemfile being out of date, Hugo isn’t included in the website repo and everything is just a mostly static webpage anyways. The theme also looks more modern than the old one, and it supports comments. I’m unsure whether or not to allow comments or if I can under GitHub pages. By the way, go check out the video. The guy makes good informational content.</p>
|
||
<iframe width="560" height="315" src="https://www.youtube.com/embed/0RKpf3rK57I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||
<p>Testing publish script. trying again</p></div><div class="post-footer" id="post-footer">
|
||
<div class="post-info">
|
||
<div class="post-info-line">
|
||
<div class="post-info-mod">
|
||
<span>Updated on 2022-08-23 <a class="git-hash" href="https://github.com/higgy999/higgy999.github.io/commit/0ac3e637f5e826a2821bffa535de7b2107a06f10" target="_blank" title="commit by Litl Toast(joshuafhiggins@gmail.com) 0ac3e637f5e826a2821bffa535de7b2107a06f10: Trying commands">
|
||
<i class="fas fa-hashtag fa-fw" aria-hidden="true"></i>0ac3e63</a></span>
|
||
</div></div>
|
||
<div class="post-info-line">
|
||
<div class="post-info-md"><span>
|
||
<a class="link-to-markdown" href="/site-redesigned-2022/index.md" target="_blank">Read Markdown</a>
|
||
</span></div>
|
||
<div class="post-info-share">
|
||
<span><a href="javascript:void(0);" title="Share on Twitter" data-sharer="twitter" data-url="https://higgy999.github.io/site-redesigned-2022/" data-title="I Redesigned the Site" data-via="ModsToasty" data-hashtags="Website,Update"><i class="fab fa-twitter fa-fw" aria-hidden="true"></i></a><a href="javascript:void(0);" title="Share on Reddit" data-sharer="reddit" data-url="https://higgy999.github.io/site-redesigned-2022/"><i class="fab fa-reddit fa-fw" aria-hidden="true"></i></a></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="post-info-more">
|
||
<section class="post-tags"><i class="fas fa-tags fa-fw" aria-hidden="true"></i> <a href="/tags/website/">Website</a>, <a href="/tags/update/">Update</a></section>
|
||
<section>
|
||
<span><a href="javascript:void(0);" onclick="window.history.back();">Back</a></span> | <span><a href="/">Home</a></span>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="post-nav"><a href="/butter-dejavu/" class="prev" rel="prev" title="Getting Deja Vu Right Now"><i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>Getting Deja Vu Right Now</a></div>
|
||
</div>
|
||
</article></div>
|
||
</main><footer class="footer">
|
||
<div class="footer-container"><div class="footer-line">Powered by <a href="https://gohugo.io/" target="_blank" rel="noopener noreffer" title="Hugo 0.101.0">Hugo</a> | Theme - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="noopener noreffer" title="LoveIt 0.2.11"><i class="far fa-kiss-wink-heart fa-fw" aria-hidden="true"></i> LoveIt</a>
|
||
</div><div class="footer-line" itemscope itemtype="http://schema.org/CreativeWork"><i class="far fa-copyright fa-fw" aria-hidden="true"></i><span itemprop="copyrightYear">2021 - 2022</span><span class="author" itemprop="copyrightHolder"> <a href="/" target="_blank">LitlToast</a></span></div>
|
||
</div>
|
||
</footer></div>
|
||
|
||
<div id="fixed-buttons"><a href="#" id="back-to-top" class="fixed-button" title="Back to Top">
|
||
<i class="fas fa-arrow-up fa-fw" aria-hidden="true"></i>
|
||
</a><a href="#" id="view-comments" class="fixed-button" title="View Comments">
|
||
<i class="fas fa-comment fa-fw" aria-hidden="true"></i>
|
||
</a>
|
||
</div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@2.5.0/css/lightgallery-bundle.min.css"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/autocomplete.js@0.38.1/dist/autocomplete.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lunr@2.3.9/lunr.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lazysizes@5.3.2/lazysizes.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lightgallery@2.5.0/lightgallery.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lightgallery@2.5.0/plugins/thumbnail/lg-thumbnail.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lightgallery@2.5.0/plugins/zoom/lg-zoom.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sharer.js@0.5.1/sharer.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"Copy to clipboard","maxShownLines":50},"comment":{},"lightgallery":true,"search":{"highlightTag":"em","lunrIndexURL":"/index.json","maxResultLength":10,"noResultsFound":"No results found","snippetLength":30,"type":"lunr"}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
|
||
</html>
|