Skip to content

Commit

Permalink
Updated themes.
Browse files Browse the repository at this point in the history
  • Loading branch information
@lukealbracht
lukealbracht committed Mar 21, 2024
1 parent 50a451a commit 212be28
Show file tree
Hide file tree
Showing 4 changed files with 174 additions and 69 deletions.
18 changes: 13 additions & 5 deletions _quarto.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ website:
title: "Data vizualization projects with R|Luke Albracht"
search: true
back-to-top-navigation: true
sidebar:
navbar:
style: "docked"
search: true
toc: true
Expand All @@ -14,9 +14,17 @@ website:
- API-connection-walkthrough.qmd
- Plotting-sine-waves.qmd

format:
title-block-banner: "#27445C"
format:
html:
theme: cyborg

editor: visual
smooth-scroll: true
fontcolor: black
toc: true
toc-location: left
toc-title: Summary
toc-depth: 3
css: styles.css
theme:
light: [cosmo, assets/scripts/lightstyle.scss]
dark: [cosmo, assets/scripts/darkstyle.scss]

217 changes: 157 additions & 60 deletions _site/About.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,16 +34,18 @@
<script src="site_libs/quarto-html/popper.min.js"></script>
<script src="site_libs/quarto-html/tippy.umd.min.js"></script>
<link href="site_libs/quarto-html/tippy.css" rel="stylesheet">
<link href="site_libs/quarto-html/quarto-syntax-highlighting-dark.css" rel="stylesheet" id="quarto-text-highlighting-styles">
<link href="site_libs/quarto-html/quarto-syntax-highlighting.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-text-highlighting-styles">
<link href="site_libs/quarto-html/quarto-syntax-highlighting-dark.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-text-highlighting-styles">
<script src="site_libs/bootstrap/bootstrap.min.js"></script>
<link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
<link href="site_libs/bootstrap/bootstrap.min.css" rel="stylesheet" id="quarto-bootstrap" data-mode="dark">
<link href="site_libs/bootstrap/bootstrap.min.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-bootstrap" data-mode="light">
<link href="site_libs/bootstrap/bootstrap-dark.min.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-bootstrap" data-mode="light">
<script id="quarto-search-options" type="application/json">{
"location": "sidebar",
"location": "navbar",
"copy-button": false,
"collapse-after": 3,
"panel-placement": "start",
"type": "textbox",
"panel-placement": "end",
"type": "overlay",
"limit": 20,
"language": {
"search-no-results-text": "No results",
Expand All @@ -58,64 +60,50 @@
"search-label": "Search"
}
}</script>
<style>html{ scroll-behavior: smooth; }</style>
<style>

.quarto-title-block .quarto-title-banner {
background: #27445C;
}
</style>


<link rel="stylesheet" href="assets/scripts/styles.css">
</head>

<body class="nav-sidebar docked fullcontent">
<body class="floating nav-fixed fullcontent">

<div id="quarto-search-results"></div>
<header id="quarto-header" class="headroom fixed-top">
<nav class="quarto-secondary-nav">
<div class="container-fluid d-flex">
<button type="button" class="quarto-btn-toggle btn" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar,#quarto-sidebar-glass" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
<i class="bi bi-layout-text-sidebar-reverse"></i>
</button>
<nav class="quarto-page-breadcrumbs" aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="./About.html">About</a></li></ol></nav>
<a class="flex-grow-1" role="button" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar,#quarto-sidebar-glass" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
</a>
<button type="button" class="btn quarto-search-button" aria-label="" onclick="window.quartoOpenSearch();">
<i class="bi bi-search"></i>
</button>
</div>
</nav>
<nav class="navbar navbar-expand-lg navbar-dark ">
<div class="navbar-container container-fluid">
<div class="navbar-brand-container">
<a class="navbar-brand" href="./index.html">
<span class="navbar-title">Data vizualization projects with R|Luke Albracht</span>
</a>
</div>
<div class="quarto-navbar-tools ms-auto">
<a href="" class="quarto-color-scheme-toggle quarto-navigation-tool px-1" onclick="window.quartoToggleColorScheme(); return false;" title="Toggle dark mode"><i class="bi"></i></a>
</div>
<div id="quarto-search" class="" title="Search"></div>
</div> <!-- /container-fluid -->
</nav>
</header>
<!-- content -->
<div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-article">
<!-- sidebar -->
<nav id="quarto-sidebar" class="sidebar collapse collapse-horizontal sidebar-navigation docked overflow-auto">
<div class="pt-lg-2 mt-2 text-left sidebar-header">
<div class="sidebar-title mb-0 py-0">
<a href="./">Data vizualization projects with R|Luke Albracht</a>
</div>
</div>
<div class="mt-2 flex-shrink-0 align-items-center">
<div class="sidebar-search">
<div id="quarto-search" class="" title="Search"></div>
</div>
</div>
<div class="sidebar-menu-container">
<ul class="list-unstyled mt-1">
<li class="sidebar-item">
<div class="sidebar-item-container">
<a href="./About.html" class="sidebar-item-text sidebar-link active">
<span class="menu-text">About</span></a>
<header id="title-block-header" class="quarto-title-block default toc-left page-columns page-full">
<div class="quarto-title-banner page-columns page-full">
<div class="quarto-title column-body">
<h1 class="title">About</h1>
<p class="subtitle lead">Luke Albracht</p>
</div>
</div>
</li>
<li class="sidebar-item">
<div class="sidebar-item-container">
<a href="./API-connection-walkthrough.html" class="sidebar-item-text sidebar-link">
<span class="menu-text">Strava API Connnection Walkthrough</span></a>
</div>
</li>
<li class="sidebar-item">
<div class="sidebar-item-container">
<a href="./Plotting-sine-waves.html" class="sidebar-item-text sidebar-link">
<span class="menu-text">Plotting sine waves in ggplot &amp; plotly</span></a>
</div>
</li>
</ul>
<div class="quarto-title-meta">
</div>
</header><div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-article page-navbar">
<!-- sidebar -->
<nav id="quarto-sidebar" class="sidebar collapse collapse-horizontal sidebar-navigation floating overflow-auto">

</nav>
<div id="quarto-sidebar-glass" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar,#quarto-sidebar-glass"></div>
<!-- margin-sidebar -->
Expand All @@ -124,14 +112,7 @@
<div class="quarto-about-jolla">
<img src="images/Jesse &amp; Luke.png" class="about-image
round " style="height: 15em; width: 15em;">
<header id="title-block-header" class="quarto-title-block default">
<div class="quarto-title">
<h1 class="title">About</h1>
<p class="subtitle lead">Luke Albracht</p>
</div>
<div class="quarto-title-meta">
</div>
</header><main class="content" id="quarto-document-content">
<main class="content quarto-banner-title-block" id="quarto-document-content">
<div id="hero-heading">
<p>Hello, I’m Luke Albracht, a dedicated data analytics enthusiast and supply chain strategist. My journey into the realm of data analytics commenced upon graduating from Baylor University with a degree in Supply Chain Management. Encountering real-world data challenges in my professional endeavors, I proactively enhanced my academic foundation by mastering data tools such as R and Alteryx. With over five years of hands-on experience in data extraction, analysis, and supply chain strategy, I deeply understand the pivotal role of data in driving team success. I’ve created this site to serve as a collection of projects to build on as I learn and develop in the area of data analytics.</p>
<p>Outside of work, I enjoy riding my bike, playing video games, and spending time with my lovely wife, Jesse.</p>
Expand Down Expand Up @@ -183,6 +164,121 @@ <h2 data-anchor-id="education">Education</h2>
}
}
toggleBodyColorPrimary();
const disableStylesheet = (stylesheets) => {
for (let i=0; i < stylesheets.length; i++) {
const stylesheet = stylesheets[i];
stylesheet.rel = 'prefetch';
}
}
const enableStylesheet = (stylesheets) => {
for (let i=0; i < stylesheets.length; i++) {
const stylesheet = stylesheets[i];
stylesheet.rel = 'stylesheet';
}
}
const manageTransitions = (selector, allowTransitions) => {
const els = window.document.querySelectorAll(selector);
for (let i=0; i < els.length; i++) {
const el = els[i];
if (allowTransitions) {
el.classList.remove('notransition');
} else {
el.classList.add('notransition');
}
}
}
const toggleColorMode = (alternate) => {
// Switch the stylesheets
const alternateStylesheets = window.document.querySelectorAll('link.quarto-color-scheme.quarto-color-alternate');
manageTransitions('#quarto-margin-sidebar .nav-link', false);
if (alternate) {
enableStylesheet(alternateStylesheets);
for (const sheetNode of alternateStylesheets) {
if (sheetNode.id === "quarto-bootstrap") {
toggleBodyColorMode(sheetNode);
}
}
} else {
disableStylesheet(alternateStylesheets);
toggleBodyColorPrimary();
}
manageTransitions('#quarto-margin-sidebar .nav-link', true);
// Switch the toggles
const toggles = window.document.querySelectorAll('.quarto-color-scheme-toggle');
for (let i=0; i < toggles.length; i++) {
const toggle = toggles[i];
if (toggle) {
if (alternate) {
toggle.classList.add("alternate");
} else {
toggle.classList.remove("alternate");
}
}
}
// Hack to workaround the fact that safari doesn't
// properly recolor the scrollbar when toggling (#1455)
if (navigator.userAgent.indexOf('Safari') > 0 && navigator.userAgent.indexOf('Chrome') == -1) {
manageTransitions("body", false);
window.scrollTo(0, 1);
setTimeout(() => {
window.scrollTo(0, 0);
manageTransitions("body", true);
}, 40);
}
}
const isFileUrl = () => {
return window.location.protocol === 'file:';
}
const hasAlternateSentinel = () => {
let styleSentinel = getColorSchemeSentinel();
if (styleSentinel !== null) {
return styleSentinel === "alternate";
} else {
return false;
}
}
const setStyleSentinel = (alternate) => {
const value = alternate ? "alternate" : "default";
if (!isFileUrl()) {
window.localStorage.setItem("quarto-color-scheme", value);
} else {
localAlternateSentinel = value;
}
}
const getColorSchemeSentinel = () => {
if (!isFileUrl()) {
const storageValue = window.localStorage.getItem("quarto-color-scheme");
return storageValue != null ? storageValue : localAlternateSentinel;
} else {
return localAlternateSentinel;
}
}
let localAlternateSentinel = 'default';
// Dark / light mode switch
window.quartoToggleColorScheme = () => {
// Read the current dark / light value
let toAlternate = !hasAlternateSentinel();
toggleColorMode(toAlternate);
setStyleSentinel(toAlternate);
};
// Ensure there is a toggle, if there isn't float one in the top right
if (window.document.querySelector('.quarto-color-scheme-toggle') === null) {
const a = window.document.createElement('a');
a.classList.add('top-right');
a.classList.add('quarto-color-scheme-toggle');
a.href = "";
a.onclick = function() { try { window.quartoToggleColorScheme(); } catch {} return false; };
const i = window.document.createElement("i");
i.classList.add('bi');
a.appendChild(i);
window.document.body.appendChild(a);
}
// Switch to dark mode if need be
if (hasAlternateSentinel()) {
toggleColorMode(true);
} else {
toggleColorMode(false);
}
const isCodeAnnotation = (el) => {
for (const clz of el.classList) {
if (clz.startsWith('code-annotation-')) {
Expand Down Expand Up @@ -393,4 +489,5 @@ <h2 data-anchor-id="education">Education</h2>



<script src="site_libs/quarto-html/zenscroll-min.js"></script>
</body></html>
4 changes: 2 additions & 2 deletions _site/site_libs/bootstrap/bootstrap-dark.min.css
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions _site/site_libs/bootstrap/bootstrap.min.css
View file

Large diffs are not rendered by default.

0 comments on commit 212be28

Please sign in to comment.