240 lines
21 KiB
HTML
240 lines
21 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>Spring Cleaning: April 2023 - LitlToast's Blog</title><meta name="Description" content="I made no posts for the rest of 2022, since the last redesign, and then I felt like redesigning the site again."><meta property="og:title" content="Spring Cleaning: April 2023" />
|
|
<meta property="og:description" content="I made no posts for the rest of 2022, since the last redesign, and then I felt like redesigning the site again." />
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:url" content="https://higgy999.github.io/spring-break-redesign/" /><meta property="og:image" content="https://higgy999.github.io/april2023-website.png" /><meta property="og:image" content="https://higgy999.github.io/april2023-bard.png" /><meta property="og:image" content="https://higgy999.github.io/april2023-toaster.png" /><meta property="article:section" content="posts" />
|
|
<meta property="article:published_time" content="2023-04-08T14:55:00-04:00" />
|
|
<meta property="article:modified_time" content="2023-04-08T16:16:00-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/april2023-website.png"/>
|
|
|
|
<meta name="twitter:title" content="Spring Cleaning: April 2023"/>
|
|
<meta name="twitter:description" content="I made no posts for the rest of 2022, since the last redesign, and then I felt like redesigning the site again."/>
|
|
<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/spring-break-redesign/" /><link rel="prev" href="https://higgy999.github.io/site-redesigned-2022/" /><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": "Spring Cleaning: April 2023",
|
|
"inLanguage": "en",
|
|
"mainEntityOfPage": {
|
|
"@type": "WebPage",
|
|
"@id": "https:\/\/higgy999.github.io\/spring-break-redesign\/"
|
|
},"image": [{
|
|
"@type": "ImageObject",
|
|
"url": "https:\/\/higgy999.github.io\/spring-break-redesign\/featured-image.png",
|
|
"width": 1920 ,
|
|
"height": 1080
|
|
}],"genre": "posts","keywords": "Website, General","wordcount": 443 ,
|
|
"url": "https:\/\/higgy999.github.io\/spring-break-redesign\/","datePublished": "2023-04-08T14:55:00-04:00","dateModified": "2023-04-08T16:16:00-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": "I made no posts for the rest of 2022, since the last redesign, and then I felt like redesigning the site again."
|
|
}
|
|
</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">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">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">Spring Cleaning: April 2023</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="2023-04-08">2023-04-08</time> <i class="fas fa-pencil-alt fa-fw" aria-hidden="true"></i> 443 words
|
|
<i class="far fa-clock fa-fw" aria-hidden="true"></i> 3 minutes </div>
|
|
</div><div class="featured-image"><img
|
|
class="lazyload"
|
|
src="/svg/loading.min.svg"
|
|
data-src="/spring-break-redesign/featured-image.png"
|
|
data-srcset="/spring-break-redesign/featured-image.png, /spring-break-redesign/featured-image.png 1.5x, /spring-break-redesign/featured-image.png 2x"
|
|
data-sizes="auto"
|
|
alt="/spring-break-redesign/featured-image.png"
|
|
title="I made no posts for the rest of 2022, since the last redesign, and then I felt like redesigning the site again." /></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">
|
|
<ul>
|
|
<li><a href="#updated-website">Updated Website</a></li>
|
|
<li><a href="#discord-server">Discord Server</a></li>
|
|
<li><a href="#plans--current-projects">Plans & Current Projects</a></li>
|
|
</ul>
|
|
</nav></div>
|
|
</div><div class="content" id="content"><p>I made no posts for the rest of 2022 since the last redesign, and then I felt like redesigning the site again. (AI generated image btw)</p>
|
|
<h2 id="updated-website">Updated Website</h2>
|
|
<div class="highlight"><div class="chroma">
|
|
<table class="lntable"><tr><td class="lntd">
|
|
<pre tabindex="0" class="chroma"><code><span class="lnt">1
|
|
</span><span class="lnt">2
|
|
</span><span class="lnt">3
|
|
</span><span class="lnt">4
|
|
</span><span class="lnt">5
|
|
</span><span class="lnt">6
|
|
</span><span class="lnt">7
|
|
</span><span class="lnt">8
|
|
</span><span class="lnt">9
|
|
</span></code></pre></td>
|
|
<td class="lntd">
|
|
<pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">Changes:
|
|
</span></span><span class="line"><span class="cl">- Redid color palette for light and dark mode
|
|
</span></span><span class="line"><span class="cl">- New header with translucency
|
|
</span></span><span class="line"><span class="cl">- Rounded scroll bar
|
|
</span></span><span class="line"><span class="cl">- Replaced fonts with Ubuntu, JetBrains Mono, and Stratum 2 (from Counter-Strike 2)
|
|
</span></span><span class="line"><span class="cl">
|
|
</span></span><span class="line"><span class="cl">Known Bugs:
|
|
</span></span><span class="line"><span class="cl">- General: Dark mode is too blue
|
|
</span></span><span class="line"><span class="cl">- Mobile: Hamburger menu missing when reading a post, this existed before but really shouldn't have
|
|
</span></span></code></pre></td></tr></table>
|
|
</div>
|
|
</div><p><figure><a class="lightgallery" href="/images/april2023-website.png" title="april2023-website" data-thumbnail="/images/april2023-website.png" data-sub-html="<h2>The new design!</h2><p>april2023-website</p>">
|
|
<img
|
|
class="lazyload"
|
|
src="/svg/loading.min.svg"
|
|
data-src="/images/april2023-website.png"
|
|
data-srcset="/images/april2023-website.png, /images/april2023-website.png 1.5x, /images/april2023-website.png 2x"
|
|
data-sizes="auto"
|
|
alt="/images/april2023-website.png" width="1920" height="1080" />
|
|
</a><figcaption class="image-caption">The new design!</figcaption>
|
|
</figure></p>
|
|
<p>Light theme looks better than before, and better than dark mode in my opinion. The new header bar is inspired by Hearthstone’s website too, although I kept some of the old design on mobile. Several changes had to be made to the theme itself, at some point I need to find a way to move all changes that were made to <code>_override.scss</code>. Maybe now I’ll make an update post for Prank Suite?</p>
|
|
<h2 id="discord-server">Discord Server</h2>
|
|
<p>I made a <a href="https://discord.gg/b48D4m8jNs" target="_blank" rel="noopener noreffer ">Discord server</a>! There’s channels for asking for help with Java, Kotlin, and Rust, as well as helpful resources. I encourage everyone to put your favorite resources for the languages in their respective channels. I often forget cool things I find and this will be my way of having a whole list to revisit anytime I want. You can also showcase your projects as a thread in the <a href="https://discord.gg/b48D4m8jNs" target="_blank" rel="noopener noreffer "><code>#showcase</code></a> channel. I look forward to seeing you there!</p>
|
|
<div style="display: flex; flex-direction: row; justify-content: center;">
|
|
<p><figure><a class="lightgallery" href="/images/april2023-bard.png" title="april2023-bard" data-thumbnail="/images/april2023-bard.png" data-sub-html="<h2>Music bot</h2><p>april2023-bard</p>">
|
|
<img
|
|
class="lazyload"
|
|
src="/svg/loading.min.svg"
|
|
data-src="/images/april2023-bard.png"
|
|
data-srcset="/images/april2023-bard.png, /images/april2023-bard.png 1.5x, /images/april2023-bard.png 2x"
|
|
data-sizes="auto"
|
|
alt="/images/april2023-bard.png" width="512" height="512" />
|
|
</a><figcaption class="image-caption">Music bot</figcaption>
|
|
</figure>
|
|
<figure><a class="lightgallery" href="/images/april2023-toaster.png" title="april2023-toaster" data-thumbnail="/images/april2023-toaster.png" data-sub-html="<h2>Server icon</h2><p>april2023-toaster</p>">
|
|
<img
|
|
class="lazyload"
|
|
src="/svg/loading.min.svg"
|
|
data-src="/images/april2023-toaster.png"
|
|
data-srcset="/images/april2023-toaster.png, /images/april2023-toaster.png 1.5x, /images/april2023-toaster.png 2x"
|
|
data-sizes="auto"
|
|
alt="/images/april2023-toaster.png" width="512" height="512" />
|
|
</a><figcaption class="image-caption">Server icon</figcaption>
|
|
</figure></p>
|
|
</div>
|
|
<h2 id="plans--current-projects">Plans & Current Projects</h2>
|
|
<p>If you have been following my GitHub while this website was abandoned, I’ve been making projects in Rust and loving them. I’m going to be moving Butter Engine to Rust and have progressed about as far as the last blog post on the Engine, in terms of rendering. This would be the 3rd time I have redone Butter Engine, and ultimately I don’t care! Rust is forcing me to write better code for when I build off of the engine in the future and I felt that moving forward with what I have in Java would be a headache in many ways. I’ll make this into it’s own post, but for right now I want to move all my workflows to Rust to learn it better. I guess that means I need to find a Hugo alternative but I’ll wait another year and no blog posts for that 😉.</p>
|
|
<p>So to recap, I have a new <a href="https://discord.gg/b48D4m8jNs" target="_blank" rel="noopener noreffer ">Discord server</a> for programmers, made the website look nice, my life in Rust, two more posts coming next week, and who knows what will happen after this break ends?</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 2023-04-08 <a class="git-hash" href="https://github.com/higgy999/higgy999.github.io/commit/50c0539552fda60c44596a2925d8e7d66895893e" target="_blank" title="commit by Litl Toast(joshuafhiggins@gmail.com) 50c0539552fda60c44596a2925d8e7d66895893e: Removed inline html">
|
|
<i class="fas fa-hashtag fa-fw" aria-hidden="true"></i>50c0539</a></span>
|
|
</div></div>
|
|
<div class="post-info-line">
|
|
<div class="post-info-md"><span>
|
|
<a class="link-to-markdown" href="/spring-break-redesign/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/spring-break-redesign/" data-title="Spring Cleaning: April 2023" data-hashtags="Website,General"><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/spring-break-redesign/"><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/general/">General</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="/site-redesigned-2022/" class="prev" rel="prev" title="I Redesigned the Site"><i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>I Redesigned the Site</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.111.3">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 - 2023</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>
|