Skip to content

Commit

Permalink
Farewell Twitter
Browse files Browse the repository at this point in the history
  • Loading branch information
@chadokruse
chadokruse committed Jan 14, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode
1 parent 2de9af6 commit 62cec9c
Showing 1 changed file with 41 additions and 27 deletions.
68 changes: 41 additions & 27 deletions src/index.html
View file
Original file line number Diff line number Diff line change
@@ -6,61 +6,72 @@
<div class="container flex flex-wrap justify-between items-center mx-auto">
<div class="flex">
<a href="/" title="Refresh Homepage">
<svg class="mr-3 h-10" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20Z" fill="#6366F1"/>
<path d="M16.84 25.6308H17.5297C16.8191 28.0654 15.0428 29.2826 12.2008 29.2826C10.3722 29.2826 8.83102 28.6609 7.57716 27.4175C6.33375 26.1741 5.71205 24.5284 5.71205 22.4805C5.71205 20.3803 6.386 18.6771 7.73389 17.371C9.08179 16.0649 10.6752 15.4118 12.5142 15.4118C13.6218 15.4118 14.6406 15.6574 15.5705 16.1485C16.5005 16.6291 16.9654 17.2195 16.9654 17.9196C16.9654 18.1808 16.8766 18.4263 16.699 18.6562C16.5318 18.8861 16.2862 19.001 15.9623 19.001C15.2727 19.001 14.8495 18.5987 14.6928 17.7942C14.5674 17.1881 14.3741 16.765 14.1129 16.5246C13.8412 16.2843 13.3136 16.1642 12.5299 16.1642C11.1298 16.1642 10.0744 16.65 9.36391 17.6218C8.66384 18.5935 8.3138 20.0563 8.3138 22.0103C8.3138 24.0269 8.68996 25.6047 9.44227 26.7436C10.205 27.8825 11.3544 28.452 12.8904 28.452C14.9592 28.452 16.2758 27.5116 16.84 25.6308Z" fill="white"/>
<path d="M26.7769 15.9291H31.949V16.65C30.9982 16.6709 29.7234 17.3814 28.1248 18.7816C27.6128 19.2204 26.8187 19.863 25.7424 20.7094L30.319 26.0696C31.0086 26.8742 31.552 27.4019 31.949 27.6526C32.3461 27.893 32.7536 28.0236 33.1715 28.0445V28.7654H26.7769V28.0445C27.8426 28.0236 28.3755 27.7937 28.3755 27.3548C28.3755 27.1563 28.0255 26.6495 27.3254 25.8345L24.034 22.0103L23.3601 22.5118V24.3613C23.3601 25.7301 23.3758 26.5921 23.4071 26.9473C23.4489 27.2921 23.6004 27.5638 23.8616 27.7623C24.1229 27.9504 24.5774 28.0445 25.2252 28.0445V28.7654H18.7208V28.0445H19.2067C19.959 28.0445 20.4449 27.94 20.6643 27.731C20.8942 27.5116 21.0248 27.2556 21.0561 26.963C21.0875 26.66 21.1032 25.7927 21.1032 24.3613V11.4935C21.1032 10.2501 20.983 9.45602 20.7427 9.11121C20.5128 8.7664 19.9486 8.59399 19.05 8.59399V7.87302C19.6664 7.87302 20.4031 7.79988 21.2599 7.6536C22.1271 7.50731 22.7175 7.36103 23.031 7.21475H23.3601V21.6498L24.708 20.7094C26.8918 19.163 27.9837 18.0502 27.9837 17.371C27.9837 16.9112 27.5814 16.6709 26.7769 16.65V15.9291Z" fill="white"/>
<svg class="mr-3 h-10" width="40" height="40" viewBox="0 0 40 40" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20Z"
fill="#6366F1" />
<path
d="M16.84 25.6308H17.5297C16.8191 28.0654 15.0428 29.2826 12.2008 29.2826C10.3722 29.2826 8.83102 28.6609 7.57716 27.4175C6.33375 26.1741 5.71205 24.5284 5.71205 22.4805C5.71205 20.3803 6.386 18.6771 7.73389 17.371C9.08179 16.0649 10.6752 15.4118 12.5142 15.4118C13.6218 15.4118 14.6406 15.6574 15.5705 16.1485C16.5005 16.6291 16.9654 17.2195 16.9654 17.9196C16.9654 18.1808 16.8766 18.4263 16.699 18.6562C16.5318 18.8861 16.2862 19.001 15.9623 19.001C15.2727 19.001 14.8495 18.5987 14.6928 17.7942C14.5674 17.1881 14.3741 16.765 14.1129 16.5246C13.8412 16.2843 13.3136 16.1642 12.5299 16.1642C11.1298 16.1642 10.0744 16.65 9.36391 17.6218C8.66384 18.5935 8.3138 20.0563 8.3138 22.0103C8.3138 24.0269 8.68996 25.6047 9.44227 26.7436C10.205 27.8825 11.3544 28.452 12.8904 28.452C14.9592 28.452 16.2758 27.5116 16.84 25.6308Z"
fill="white" />
<path
d="M26.7769 15.9291H31.949V16.65C30.9982 16.6709 29.7234 17.3814 28.1248 18.7816C27.6128 19.2204 26.8187 19.863 25.7424 20.7094L30.319 26.0696C31.0086 26.8742 31.552 27.4019 31.949 27.6526C32.3461 27.893 32.7536 28.0236 33.1715 28.0445V28.7654H26.7769V28.0445C27.8426 28.0236 28.3755 27.7937 28.3755 27.3548C28.3755 27.1563 28.0255 26.6495 27.3254 25.8345L24.034 22.0103L23.3601 22.5118V24.3613C23.3601 25.7301 23.3758 26.5921 23.4071 26.9473C23.4489 27.2921 23.6004 27.5638 23.8616 27.7623C24.1229 27.9504 24.5774 28.0445 25.2252 28.0445V28.7654H18.7208V28.0445H19.2067C19.959 28.0445 20.4449 27.94 20.6643 27.731C20.8942 27.5116 21.0248 27.2556 21.0561 26.963C21.0875 26.66 21.1032 25.7927 21.1032 24.3613V11.4935C21.1032 10.2501 20.983 9.45602 20.7427 9.11121C20.5128 8.7664 19.9486 8.59399 19.05 8.59399V7.87302C19.6664 7.87302 20.4031 7.79988 21.2599 7.6536C22.1271 7.50731 22.7175 7.36103 23.031 7.21475H23.3601V21.6498L24.708 20.7094C26.8918 19.163 27.9837 18.0502 27.9837 17.371C27.9837 16.9112 27.5814 16.6709 26.7769 16.65V15.9291Z"
fill="white" />
</svg>
</a>
<span class="self-center text-lg font-semibold whitespace-nowrap dark:text-white text-indigo-100">Chad Kruse</span>
<span class="self-center text-lg font-semibold whitespace-nowrap dark:text-white text-indigo-100">Chad
Kruse</span>
</div>
<div class="block w-auto" id="mobile-menu">
<ul class="flex mt-0 flex-row md:space-x-8 text-sm font-medium border-0">
<li>
<a href="https://github.com/chadokruse" target="_blank" class="block py-2 pr-4 pl-3 md:pr-2 md:pl-1 hover:bg-transparent border-0 hover:text-blue-700 p-0 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:hover:bg-transparent dark:border-gray-700">
<a href="https://github.com/chadokruse" target="_blank"
class="block py-2 pr-4 pl-3 md:pr-2 md:pl-1 hover:bg-transparent border-0 hover:text-blue-700 p-0 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:hover:bg-transparent dark:border-gray-700">
<svg class="w-6 h-6" fill="white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Github</title>
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path>
<path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12">
</path>
</svg>
</a>
</li>
<li>
<a href="https://twitter.com/chadkruser" target="_blank" class="block py-2 pr-4 pl-3 md:px-1 hover:bg-transparent border-0 hover:text-blue-700 p-0 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:hover:bg-transparent dark:border-gray-700">
<svg class="w-6 h-6" fill="white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Twitter</title>
<path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
</svg>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/chadokruse/" target="_blank" class="block py-2 pr-4 pl-3 md:px-1 hover:bg-transparent border-0 hover:text-blue-700 p-0 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:hover:bg-transparent dark:border-gray-700">
<a href="https://www.linkedin.com/in/chadokruse/" target="_blank"
class="block py-2 pr-4 pl-3 md:px-1 hover:bg-transparent border-0 hover:text-blue-700 p-0 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:hover:bg-transparent dark:border-gray-700">
<svg class="w-6 h-6" fill="white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>LinkedIn</title>
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
<path
d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
</svg>
</a>
</li>
<li>
<a href="mailto:[email protected]" target="_blank" class="block py-2 pr-4 pl-3 md:px-1 hover:bg-transparent border-0 hover:text-blue-700 p-0 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:hover:bg-transparent dark:border-gray-700">
<a href="mailto:[email protected]" target="_blank"
class="block py-2 pr-4 pl-3 md:px-1 hover:bg-transparent border-0 hover:text-blue-700 p-0 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:hover:bg-transparent dark:border-gray-700">
<svg class="w-6 h-6" fill="none" stroke="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Email</title>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z">
</path>
</svg>
</a>
</li>
</ul>
</div>
</div>
</nav>
<main class="mt-10 mb-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:mb-12 sm:px-6 md:mt-16 md:mb-16 lg:mt-20 lg:mb-20 lg:px-8 xl:mt-28 xl:mb-28">
<main
class="mt-10 mb-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:mb-12 sm:px-6 md:mt-16 md:mb-16 lg:mt-20 lg:mb-20 lg:px-8 xl:mt-28 xl:mb-28">
<div class="sm:text-center lg:text-left">
<span class="noscript"><noscript>You have Javascript turned off. This site requires Javascript to be viewed properly.</noscript></span>
<span class="noscript"><noscript>You have Javascript turned off. This site requires Javascript to be viewed
properly.</noscript></span>
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
<span class="inline">Current Status:</span><br>
<span class="text-indigo-600 inline">Hacking on Philanthropy</span>
</h1>
<p class="mt-3 text-base text-gray-700 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
👋 Hi! I'm Chad Kruse, a <span class="text-gray-800 font-bold">software developer</span> with a background in product and strategy.
👋 Hi! I'm Chad Kruse, a <span class="text-gray-800 font-bold">software developer</span> with a background in
product and strategy.
</p>
<p class="mt-3 text-base text-gray-700 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
My experience spans Fortune 500s, startups, and my own ventures in the philanthropy space.
@@ -76,7 +87,8 @@ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:t
</li>
<li><a href="#all" id="all" class="nav-btn" data-filter="*">All</a></li>
<li><a href="#advisor" id="advisor" class="nav-btn" data-filter=".advisor">Advisor</a></li>
<li class="hidden md:list-item"><a href="#consulting" id="consulting" class="nav-btn" data-filter=".consulting">Consultant</a></li>
<li class="hidden md:list-item"><a href="#consulting" id="consulting" class="nav-btn"
data-filter=".consulting">Consultant</a></li>
<li><a href="#founder" id="founder" class="nav-btn" data-filter=".founder">Founder</a></li>
<li><a href="#developer" id="developer" class="nav-btn" data-filter=".developer">Developer</a></li>
</ul>
@@ -87,7 +99,8 @@ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:t
</nav>

<div id="filter-focus"></div>
<div id="allcards" class="flex flex-wrap m-2 md:m-4 min-h-screen transition-opacity duration-1000 ease-in-out opacity-0">
<div id="allcards"
class="flex flex-wrap m-2 md:m-4 min-h-screen transition-opacity duration-1000 ease-in-out opacity-0">

<!-- Intro Cards -->
{% comment %}
@@ -97,13 +110,14 @@ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:t
<!-- Main Cards -->
{% assign cards = collections.cards | sort: 'data.item_sort' %}
{% for card in cards %}
{% include card-template.html %}
{% include card-template.html %}
{% endfor %}

<!-- Copyright Card -->
{% include static-cards/cc-license.html %}

<div id="loading" class="flex items-start justify-center absolute bg-white bg-opacity-60 z-10 h-full w-full transition-opacity duration-100 ease-in-out opacity-100">
<div id="loading"
class="flex items-start justify-center absolute bg-white bg-opacity-60 z-10 h-full w-full transition-opacity duration-100 ease-in-out opacity-100">
<div class="flex items-center mt-20">
<span class="text-3xl mr-4">Loading</span>
<svg class="animate-spin h-5 w-5 text-gray-600" xmlns="http://www.w3.org/2000/svg" fill="none"
@@ -123,4 +137,4 @@ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:t
<span class="wrap min-w-full">Looking for a traditional resume?</span>
<span class="no-wrap min-w-0"><a class="text-indigo-600" href="/resume" rel="nofollow">Here you go →</a></span>
</div>
</div>
</div>

0 comments on commit 62cec9c

Please sign in to comment.