Skip to content

Commit 5624fbb

Browse files
chrisorbanchrisorban
committed
improve the appearance of the social media feed on the landing page
1 parent 9d2c4f0 commit 5624fbb

File tree

5 files changed

+83
-4
lines changed

5 files changed

+83
-4
lines changed

‎docs/index.html‎

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,9 @@ <h2 class="anchored" data-anchor-id="welcome-to-the-stemcoding-landing-page">Wel
161161
</iframe>
162162
<p>We hope you enjoy this site! Check out our <a href="./feed.html">Social Media Feed</a> to see what we’ve been up to lately, or our <a href="./calendar.html">Calendar</a> to see upcoming events and trainings. Please join our <a href="https://discord.gg/bsWgqcqwCE">Discord</a> to reach out or ask questions!</p>
163163
<div class="margin-sidebar-content">
164-
<p>Social Media Feed <iframe allowfullscreen="" sandbox="allow-top-navigation allow-scripts allow-popups allow-popups-to-escape-sandbox" src="https://mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Fmastodon.social%2Fusers%2Fstemcoding&amp;theme=light&amp;size=100&amp;header=false&amp;replies=false&amp;boosts=true" style="width: 100%; height: 800px; border: 1px solid #ccc; border-radius: 8px;"></iframe></p>
164+
<p><br> <br> <br> <br> <br> <br> <br> <br> <br></p>
165+
<iframe allowfullscreen="" sandbox="allow-top-navigation allow-scripts allow-popups allow-popups-to-escape-sandbox" src="https://mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Fmastodon.social%2Fusers%2Fstemcoding&amp;theme=light&amp;size=100&amp;header=false&amp;replies=false&amp;boosts=true" style="width: 100%; height: 800px; border: 1px solid #ccc; border-radius: 8px;">
166+
</iframe>
165167
</div>
166168
<script>
167169
document.addEventListener('DOMContentLoaded', function() {
@@ -176,6 +178,24 @@ <h2 class="anchored" data-anchor-id="welcome-to-the-stemcoding-landing-page">Wel
176178
socialFeedDiv.remove();
177179
marginSidebar.appendChild(socialFeedDiv);
178180
}
181+
182+
// Remove "On this page" title
183+
const tocTitle = document.getElementById('toc-title');
184+
if (tocTitle) {
185+
tocTitle.remove();
186+
}
187+
188+
// Remove the "Welcome to the STEMcoding Landing Page!" link from TOC
189+
const welcomeLink = document.getElementById('toc-welcome-to-the-stemcoding-landing-page');
190+
if (welcomeLink) {
191+
welcomeLink.parentElement.remove(); // Remove the entire <li> element
192+
}
193+
194+
// Alternative: Remove the entire TOC nav if you want to completely clear it
195+
// const tocNav = document.getElementById('TOC');
196+
// if (tocNav) {
197+
// tocNav.remove();
198+
// }
179199
});
180200
</script>
181201

‎docs/search.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@
44
"href": "index.html",
55
"title": "STEMcoding",
66
"section": "",
7-
"text": "The STEMcoding project is a partnership between faculty members and students at Ohio State University and the University of Mount Union\nThe STEMcoding project exists to re-imagine introductory STEM courses like math and science with computer science and data science in mind. Our activities are used in intro level college courses and high school courses.\nWe love to create activities that each align with relevant math, science and computer science standards. Some of our physical science activities appear on the “model curriculum” examples distributed by the Ohio Department of Education and Workforce. We are also working to create a year-long data science curriculum.\nWe are very proud of the STEMcoding youtube channel! We have released over 100 videos featuring faculty and students at Ohio State University and the University of Mount Union.\n\n\nWe hope you enjoy this site! Check out our Social Media Feed to see what we’ve been up to lately, or our Calendar to see upcoming events and trainings. Please join our Discord to reach out or ask questions!\n\nSocial Media Feed"
7+
"text": "The STEMcoding project is a partnership between faculty members and students at Ohio State University and the University of Mount Union\nThe STEMcoding project exists to re-imagine introductory STEM courses like math and science with computer science and data science in mind. Our activities are used in intro level college courses and high school courses.\nWe love to create activities that each align with relevant math, science and computer science standards. Some of our physical science activities appear on the “model curriculum” examples distributed by the Ohio Department of Education and Workforce. We are also working to create a year-long data science curriculum.\nWe are very proud of the STEMcoding youtube channel! We have released over 100 videos featuring faculty and students at Ohio State University and the University of Mount Union.\n\n\nWe hope you enjoy this site! Check out our Social Media Feed to see what we’ve been up to lately, or our Calendar to see upcoming events and trainings. Please join our Discord to reach out or ask questions!"
88
},
99
{
1010
"objectID": "index.html#welcome-to-the-stemcoding-landing-page",
1111
"href": "index.html#welcome-to-the-stemcoding-landing-page",
1212
"title": "STEMcoding",
1313
"section": "",
14-
"text": "The STEMcoding project is a partnership between faculty members and students at Ohio State University and the University of Mount Union\nThe STEMcoding project exists to re-imagine introductory STEM courses like math and science with computer science and data science in mind. Our activities are used in intro level college courses and high school courses.\nWe love to create activities that each align with relevant math, science and computer science standards. Some of our physical science activities appear on the “model curriculum” examples distributed by the Ohio Department of Education and Workforce. We are also working to create a year-long data science curriculum.\nWe are very proud of the STEMcoding youtube channel! We have released over 100 videos featuring faculty and students at Ohio State University and the University of Mount Union.\n\n\nWe hope you enjoy this site! Check out our Social Media Feed to see what we’ve been up to lately, or our Calendar to see upcoming events and trainings. Please join our Discord to reach out or ask questions!\n\nSocial Media Feed"
14+
"text": "The STEMcoding project is a partnership between faculty members and students at Ohio State University and the University of Mount Union\nThe STEMcoding project exists to re-imagine introductory STEM courses like math and science with computer science and data science in mind. Our activities are used in intro level college courses and high school courses.\nWe love to create activities that each align with relevant math, science and computer science standards. Some of our physical science activities appear on the “model curriculum” examples distributed by the Ohio Department of Education and Workforce. We are also working to create a year-long data science curriculum.\nWe are very proud of the STEMcoding youtube channel! We have released over 100 videos featuring faculty and students at Ohio State University and the University of Mount Union.\n\n\nWe hope you enjoy this site! Check out our Social Media Feed to see what we’ve been up to lately, or our Calendar to see upcoming events and trainings. Please join our Discord to reach out or ask questions!"
1515
},
1616
{
1717
"objectID": "people.html",

‎docs/styles.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
#quarto-margin-sidebar {
55
width: 400px !important;
66
min-width: 400px !important;
7+
overflow: hidden !important; /* Hide scrollbars */
78
}
89

910
/* Adjust the main content area to accommodate wider sidebar */
@@ -16,6 +17,7 @@
1617
#quarto-margin-sidebar {
1718
width: 500px !important;
1819
min-width: 500px !important;
20+
overflow: hidden !important; /* Hide scrollbars */
1921
}
2022

2123
.page-columns .page-full {
@@ -28,3 +30,17 @@
2830
width: 100% !important;
2931
max-width: none !important;
3032
}
33+
34+
/* Hide scrollbars for the entire sidebar content */
35+
#quarto-margin-sidebar,
36+
#quarto-margin-sidebar * {
37+
overflow: hidden !important;
38+
scrollbar-width: none !important; /* Firefox */
39+
-ms-overflow-style: none !important; /* Internet Explorer 10+ */
40+
}
41+
42+
/* Hide scrollbars for webkit browsers (Chrome, Safari, Edge) */
43+
#quarto-margin-sidebar::-webkit-scrollbar,
44+
#quarto-margin-sidebar *::-webkit-scrollbar {
45+
display: none !important;
46+
}

‎index.qmd‎

Lines changed: 28 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,16 @@ We are very proud of the [STEMcoding youtube channel!](http://youtube.com/STEMco
1818
We hope you enjoy this site! Check out our [Social Media Feed](feed.qmd) to see what we've been up to lately, or our [Calendar](calendar.qmd) to see upcoming events and trainings. Please join our [Discord](https://discord.gg/bsWgqcqwCE) to reach out or ask questions!
1919

2020
<div class="margin-sidebar-content">
21-
Social Media Feed
21+
<br>
22+
<br>
23+
<br>
24+
<br>
25+
<br>
26+
<br>
27+
<br>
28+
<br>
29+
<br>
30+
2231
<iframe allowfullscreen sandbox="allow-top-navigation allow-scripts allow-popups allow-popups-to-escape-sandbox" src="https://mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Fmastodon.social%2Fusers%2Fstemcoding&theme=light&size=100&header=false&replies=false&boosts=true" style="width: 100%; height: 800px; border: 1px solid #ccc; border-radius: 8px;"></iframe>
2332
</div>
2433

@@ -35,5 +44,23 @@ document.addEventListener('DOMContentLoaded', function() {
3544
socialFeedDiv.remove();
3645
marginSidebar.appendChild(socialFeedDiv);
3746
}
47+
48+
// Remove "On this page" title
49+
const tocTitle = document.getElementById('toc-title');
50+
if (tocTitle) {
51+
tocTitle.remove();
52+
}
53+
54+
// Remove the "Welcome to the STEMcoding Landing Page!" link from TOC
55+
const welcomeLink = document.getElementById('toc-welcome-to-the-stemcoding-landing-page');
56+
if (welcomeLink) {
57+
welcomeLink.parentElement.remove(); // Remove the entire <li> element
58+
}
59+
60+
// Alternative: Remove the entire TOC nav if you want to completely clear it
61+
// const tocNav = document.getElementById('TOC');
62+
// if (tocNav) {
63+
// tocNav.remove();
64+
// }
3865
});
3966
</script>

‎styles.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
#quarto-margin-sidebar {
55
width: 400px !important;
66
min-width: 400px !important;
7+
overflow: hidden !important; /* Hide scrollbars */
78
}
89

910
/* Adjust the main content area to accommodate wider sidebar */
@@ -16,6 +17,7 @@
1617
#quarto-margin-sidebar {
1718
width: 500px !important;
1819
min-width: 500px !important;
20+
overflow: hidden !important; /* Hide scrollbars */
1921
}
2022

2123
.page-columns .page-full {
@@ -28,3 +30,17 @@
2830
width: 100% !important;
2931
max-width: none !important;
3032
}
33+
34+
/* Hide scrollbars for the entire sidebar content */
35+
#quarto-margin-sidebar,
36+
#quarto-margin-sidebar * {
37+
overflow: hidden !important;
38+
scrollbar-width: none !important; /* Firefox */
39+
-ms-overflow-style: none !important; /* Internet Explorer 10+ */
40+
}
41+
42+
/* Hide scrollbars for webkit browsers (Chrome, Safari, Edge) */
43+
#quarto-margin-sidebar::-webkit-scrollbar,
44+
#quarto-margin-sidebar *::-webkit-scrollbar {
45+
display: none !important;
46+
}

0 commit comments

Comments
 (0)