Skip to content

Commit

Permalink
deploy: 13d6656
Browse files Browse the repository at this point in the history
  • Loading branch information
@dylansdaniels
dylansdaniels committed Jan 21, 2025
1 parent cafb0cd commit 96b7dea
Show file tree
Hide file tree
Showing 37 changed files with 1,954 additions and 1,186 deletions.
104 changes: 64 additions & 40 deletions content/01_overview/challange.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,53 +118,70 @@

<div id="main">
<div class="topbar">
<button class="openbtn" onclick="toggleNav()">
☰
</button>
<a href="" class="home-link">
<div class="home-icon-container">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
class="home-icon">
<path
d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
/>
</svg>
</div>
</a>
<button class="theme-toggle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path>
</svg>
</button>
<div class="dropdown">
<button
id="dropdownButton"
class="dropdown-button">
<span>
A
</span>
</button>
<div class="dropdown-content">
<button
class="fontsize-btn"
onclick="decreaseFontSize()">
A-

<!-- Topbar menu -->
<div class="menu-container">
<div class="menu-icons">
<button class="openbtn" onclick="toggleNav()">
☰
</button>
<button
class="fontsize-btn"
onclick="increaseFontSize()">
A+
<a href="" class="home-link">
<div class="home-icon-container">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
class="home-icon">
<path
d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
/>
</svg>
</div>
</a>
<button class="theme-toggle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path>
</svg>
</button>
<div class="dropdown">
<button
id="dropdownButton"
class="dropdown-button">
<img
src="/website_redesign/content/assets/icons/fontsize.png"
alt="fontsize"
/>
</button>
<div class="dropdown-content">
<button
class="fontsize-btn"
onclick="decreaseFontSize()">
<img
src="/website_redesign/content/assets/icons/fontminus.png"
alt="fontminus"
/>
</button>
<button
class="fontsize-btn"
onclick="increaseFontSize()">
<img
src="/website_redesign/content/assets/icons/fontplus.png"
alt="fontplus"
/>
</button>
</div>
</div>
</div>
</div>

<!-- Topbar image -->
<img
id="topbar-logo"
src="https://hnn.brown.edu/wp-content/uploads/hnn-medium.png"
/>

<!-- Right side of topbar -->
<div class="socials-container">
<div class="social-icons">
<a
Expand Down Expand Up @@ -320,7 +337,7 @@
}
});
// Update image sources for social icons
const images = document.querySelectorAll(".social-icons img");
const images = document.querySelectorAll(".social-icons img, .menu-icons img");
images.forEach(img => {
const src = img.getAttribute("src");

Expand Down Expand Up @@ -372,6 +389,13 @@
});
});

// Remove the +/- symbols from the tooltip
// ----------------------------------------
document.querySelectorAll('.sidebar a').forEach(anchor => {
const cleanedText = anchor.textContent.replace(/[+\-]/g, '').trim();
anchor.setAttribute('title', cleanedText);
});

</script>

</body>
Expand Down
104 changes: 64 additions & 40 deletions content/01_overview/sample_workflow.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,53 +118,70 @@

<div id="main">
<div class="topbar">
<button class="openbtn" onclick="toggleNav()">
☰
</button>
<a href="" class="home-link">
<div class="home-icon-container">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
class="home-icon">
<path
d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
/>
</svg>
</div>
</a>
<button class="theme-toggle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path>
</svg>
</button>
<div class="dropdown">
<button
id="dropdownButton"
class="dropdown-button">
<span>
A
</span>
</button>
<div class="dropdown-content">
<button
class="fontsize-btn"
onclick="decreaseFontSize()">
A-

<!-- Topbar menu -->
<div class="menu-container">
<div class="menu-icons">
<button class="openbtn" onclick="toggleNav()">
☰
</button>
<button
class="fontsize-btn"
onclick="increaseFontSize()">
A+
<a href="" class="home-link">
<div class="home-icon-container">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
class="home-icon">
<path
d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
/>
</svg>
</div>
</a>
<button class="theme-toggle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path>
</svg>
</button>
<div class="dropdown">
<button
id="dropdownButton"
class="dropdown-button">
<img
src="/website_redesign/content/assets/icons/fontsize.png"
alt="fontsize"
/>
</button>
<div class="dropdown-content">
<button
class="fontsize-btn"
onclick="decreaseFontSize()">
<img
src="/website_redesign/content/assets/icons/fontminus.png"
alt="fontminus"
/>
</button>
<button
class="fontsize-btn"
onclick="increaseFontSize()">
<img
src="/website_redesign/content/assets/icons/fontplus.png"
alt="fontplus"
/>
</button>
</div>
</div>
</div>
</div>

<!-- Topbar image -->
<img
id="topbar-logo"
src="https://hnn.brown.edu/wp-content/uploads/hnn-medium.png"
/>

<!-- Right side of topbar -->
<div class="socials-container">
<div class="social-icons">
<a
Expand Down Expand Up @@ -320,7 +337,7 @@
}
});
// Update image sources for social icons
const images = document.querySelectorAll(".social-icons img");
const images = document.querySelectorAll(".social-icons img, .menu-icons img");
images.forEach(img => {
const src = img.getAttribute("src");

Expand Down Expand Up @@ -372,6 +389,13 @@
});
});

// Remove the +/- symbols from the tooltip
// ----------------------------------------
document.querySelectorAll('.sidebar a').forEach(anchor => {
const cleanedText = anchor.textContent.replace(/[+\-]/g, '').trim();
anchor.setAttribute('title', cleanedText);
});

</script>

</body>
Expand Down
104 changes: 64 additions & 40 deletions content/01_overview/using_hnn.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,53 +118,70 @@

<div id="main">
<div class="topbar">
<button class="openbtn" onclick="toggleNav()">
☰
</button>
<a href="" class="home-link">
<div class="home-icon-container">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
class="home-icon">
<path
d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
/>
</svg>
</div>
</a>
<button class="theme-toggle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path>
</svg>
</button>
<div class="dropdown">
<button
id="dropdownButton"
class="dropdown-button">
<span>
A
</span>
</button>
<div class="dropdown-content">
<button
class="fontsize-btn"
onclick="decreaseFontSize()">
A-

<!-- Topbar menu -->
<div class="menu-container">
<div class="menu-icons">
<button class="openbtn" onclick="toggleNav()">
☰
</button>
<button
class="fontsize-btn"
onclick="increaseFontSize()">
A+
<a href="" class="home-link">
<div class="home-icon-container">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
class="home-icon">
<path
d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
/>
</svg>
</div>
</a>
<button class="theme-toggle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path>
</svg>
</button>
<div class="dropdown">
<button
id="dropdownButton"
class="dropdown-button">
<img
src="/website_redesign/content/assets/icons/fontsize.png"
alt="fontsize"
/>
</button>
<div class="dropdown-content">
<button
class="fontsize-btn"
onclick="decreaseFontSize()">
<img
src="/website_redesign/content/assets/icons/fontminus.png"
alt="fontminus"
/>
</button>
<button
class="fontsize-btn"
onclick="increaseFontSize()">
<img
src="/website_redesign/content/assets/icons/fontplus.png"
alt="fontplus"
/>
</button>
</div>
</div>
</div>
</div>

<!-- Topbar image -->
<img
id="topbar-logo"
src="https://hnn.brown.edu/wp-content/uploads/hnn-medium.png"
/>

<!-- Right side of topbar -->
<div class="socials-container">
<div class="social-icons">
<a
Expand Down Expand Up @@ -320,7 +337,7 @@
}
});
// Update image sources for social icons
const images = document.querySelectorAll(".social-icons img");
const images = document.querySelectorAll(".social-icons img, .menu-icons img");
images.forEach(img => {
const src = img.getAttribute("src");

Expand Down Expand Up @@ -372,6 +389,13 @@
});
});

// Remove the +/- symbols from the tooltip
// ----------------------------------------
document.querySelectorAll('.sidebar a').forEach(anchor => {
const cleanedText = anchor.textContent.replace(/[+\-]/g, '').trim();
anchor.setAttribute('title', cleanedText);
});

</script>

</body>
Expand Down
Loading

0 comments on commit 96b7dea

Please sign in to comment.