Skip to content

Commit

Permalink
Built site for gh-pages
Browse files Browse the repository at this point in the history
  • Loading branch information
paciorek committed Jan 31, 2024
1 parent 4f6fffb commit 5754206
Show file tree
Hide file tree
Showing 17 changed files with 273 additions and 84 deletions.
2 changes: 1 addition & 1 deletion .nojekyll
Original file line number Diff line number Diff line change
@@ -1 +1 @@
811d6655
5363212d
Binary file added assets/stat_bear.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
192 changes: 192 additions & 0 deletions assets/styles.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,192 @@
/*-- scss:defaults --*/

// Google Fonts
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Cinzel:wght@400;500&display=swap');

// Colors
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #f8f5f0 !default;
$gray-300: #dfd7ca !default;
$gray-400: #ced4da !default;
$gray-500: #98978b !default;
$gray-600: #8e8c84 !default;
$gray-700: #495057 !default;
$gray-800: #3e3f3a !default;
$gray-900: #212529 !default;
$black: #000 !default;

$blue: #0e6876 !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #d9534f !default;
$orange: #f47c3c !default;
$yellow: #ffc107 !default;
$green: #93c54b !default;
$teal: #20c997 !default;
$cyan: #29abe0 !default;

$primary: $blue !default;
$secondary: $gray-600 !default;
$success: $green !default;
$info: $cyan !default;
$warning: $yellow !default;
$danger: $red !default;
$light: $gray-200 !default;
$dark: $gray-800 !default;

// Body

$body-color: $gray-800 !default;

// Fonts

$font-family-sans-serif: 'Avenir', sans-serif;
$headings-font-weight: 400 !default;

// Buttons

$btn-padding-y-sm: .25rem;
$btn-padding-x-sm: .5rem;
$btn-font-size-sm: .75rem;


/* css styles */

.dropcap {
float: left;
font-family: Georgia;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
}

h1 {
color: $primary;
}

h2 {
color: $primary;
}

.v-center-container {
display: flex;
justify-content: center;
align-items: center;
height: 90%;
}

/* homepage */

.content-block {
padding-top: 20px;
padding-bottom: 10px;
margin-left: 30px;
margin-right: 30px;
}

.banner-text {
color: $primary;
font-size: clamp(1.8em, 6vw, 4em);
line-height: .9;
padding-top: .6em;
}

.week-x-box {
display: grid;
gap: 8px;
grid-template-columns: 2fr 1fr;
border-radius: 3px;
box-shadow: 0 0 0.5rem $gray-300;
//filter: drop-shadow(0 0 0.75rem crimson);

.daily-sched {
display: grid;
grid-template-columns: 1fr 3fr;
//row-gap: 1px;
padding: 3px;

.date-cell {
border-bottom: 1px solid $gray-300;
padding: 2px;
}

.materials-cell {
border-bottom: 1px solid $gray-300;
padding: 2px;

.daily-topic {
font-size: 1em;
}

.PS-btn {

}
}

.date-cell:nth-last-child(-n+2) {
border-bottom: none; /* Removes the border from the last two items (the last row) */
}

.materials-cell:nth-last-child(-n+2) {
border-bottom: none; /* Removes the border from the last two items (the last row) */
}
}

.resources {
border-left: 1px solid $gray-300;
padding: 3px;
}

}


@media (min-width: 900px) {
.content-block {
margin-left: 50px;
margin-right: 50px;
}
}

@media (min-width: 1200px) {
.content-block {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
}

@media (max-width: 768px) {
#banner {
order: 2;
margin: 0em 1em 0em 1em !important;
padding-top: 0em;
}
.banner-text {
padding-top: 0em;
}
#hex {
order: 1;
//padding: 1.5em 3em 0em 3em;
}

.week-x-box {
grid-template-columns: 1fr;

.daily-sched {
grid-template-columns: 1fr;

.date-col {
border-bottom: none
}
}

.resources {
border-left: none;
border-top: 1px solid $gray-300;
}
}
}
3 changes: 1 addition & 2 deletions calendar.html
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,6 @@
}</script>


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

<body class="nav-sidebar docked">
Expand All @@ -88,7 +87,7 @@
<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">
<a href="./index.html" class="sidebar-logo-link">
<img src="./stat_bear.png" alt="" class="sidebar-logo py-0 d-lg-inline d-none">
<img src="./assets/stat_bear.png" alt="" class="sidebar-logo py-0 d-lg-inline d-none">
</a>
<div class="sidebar-tools-main">
<a href="https://github.com/berkeley-scf/stat999-quarto" rel="" title="" class="quarto-navigation-tool px-1" aria-label=""><i class="bi bi-github"></i></a>
Expand Down
3 changes: 1 addition & 2 deletions data.html
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,6 @@
}</script>


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

<body class="nav-sidebar docked">
Expand All @@ -88,7 +87,7 @@
<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">
<a href="./index.html" class="sidebar-logo-link">
<img src="./stat_bear.png" alt="" class="sidebar-logo py-0 d-lg-inline d-none">
<img src="./assets/stat_bear.png" alt="" class="sidebar-logo py-0 d-lg-inline d-none">
</a>
<div class="sidebar-tools-main">
<a href="https://github.com/berkeley-scf/stat999-quarto" rel="" title="" class="quarto-navigation-tool px-1" aria-label=""><i class="bi bi-github"></i></a>
Expand Down
109 changes: 56 additions & 53 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -71,9 +71,9 @@
}

const options = {
valueNames: ['listing-week','listing-days',{ data: ['index'] },{ data: ['categories'] }],
valueNames: ['listing-week','listing-days','listing-resources',{ data: ['index'] },{ data: ['categories'] }],

searchColumns: ["listing-week","listing-days"],
searchColumns: ["listing-week","listing-days","listing-resources"],
};

window['quarto-listings'] = window['quarto-listings'] || {};
Expand Down Expand Up @@ -122,7 +122,6 @@
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js" type="text/javascript"></script>

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

<body class="nav-sidebar docked">
Expand All @@ -149,7 +148,7 @@
<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">
<a href="./index.html" class="sidebar-logo-link">
<img src="./stat_bear.png" alt="" class="sidebar-logo py-0 d-lg-inline d-none">
<img src="./assets/stat_bear.png" alt="" class="sidebar-logo py-0 d-lg-inline d-none">
</a>
<div class="sidebar-tools-main">
<a href="https://github.com/berkeley-scf/stat999-quarto" rel="" title="" class="quarto-navigation-tool px-1" aria-label=""><i class="bi bi-github"></i></a>
Expand Down Expand Up @@ -251,9 +250,9 @@ <h1 class="title">Statistics 999: Generic Statistics Class</h1>
</header>

<div id="listing-buttons" class="quarto-listing quarto-listing-container-custom">
<button style="background-color: purple;"><a href="https://ibm.com">Ed</a></button>
<button style="background-color: green;"><a href="https://ibm.com">DataHub</a></button>
<button style="background-color: orange;"><a href="https://ibm.com">Gradescope</a></button>
<a href="https://ibm.com" type="button" class="btn btn-outline-primary btn-sm">Ed</a>
<a href="https://ibm.com" type="button" class="btn btn-outline-primary btn-sm">DataHub</a>
<a href="https://ibm.com" type="button" class="btn btn-outline-primary btn-sm">Gradescope</a>
<div class="listing-no-matching d-none">
No matching items
</div>
Expand Down Expand Up @@ -289,52 +288,56 @@ <h1 class="title">Statistics 999: Generic Statistics Class</h1>
<h2 class="anchored" data-anchor-id="schedule">Schedule</h2>
<p>Here we use Quarto’s EJS templating.</p>
<div id="listing-schedule" class="quarto-listing quarto-listing-container-custom">

<h4 class="anchored">Week 1</h4>
<table class="table" data-quarto-disable-processing="true">
<!-- 'table' class causes use of quarto styling for tables, seemingly from bootstrap.min.css -->
<!-- data-quarto-disable-processing="true" prevents Quarto processing of tables (https://quarto.org/docs/authoring/tables.html#disabling-quarto-table-processing) -->
<tbody>
<tr>
<th scope="row" rowspan="2">Aug 24:</th>
<td><strong class="label label-Lecture">Lecture 1</strong> <a href="./test.pdf" target="_blank">Introduction</a></td>
<td><a href="./units/unit1.html">Note 1</a></td>
</tr>
<tr>
<td><strong class="label label-Participation">Participation 1</strong> <a href="https://ds100.org/fa23/lecture/lec01" target="_blank">Lecture Participation 1</a></td>
<td></td>
</tr>
<tr>
<th scope="row" rowspan="3">Aug 25:</th>
<td><strong class="label label-Lab">Lab 1</strong> <a href="https://ds100.org/fa23/lecture/lec01" target="_blank">Prerequisite Coding (due Aug 29)</a></td>
<td></td>
</tr>
<tr>
<td><strong class="label label-Homework">Homework 1A</strong> <a href="https://ds100.org/fa23/lecture/lec01" target="_blank">Plotting and Permutation Test (due Aug 31)</a></td>
<td></td>
</tr>
<tr>
<td><strong class="label label-Homework">Homework 1B</strong> <a href="https://ds100.org/fa23/lecture/lec01" target="_blank">Prerequisite Math (due Aug 31)</a></td>
<td></td>
</tr>
</tbody>
</table>
<h4 class="anchored">Week 2</h4>
<table class="table" data-quarto-disable-processing="true">
<!-- 'table' class causes use of quarto styling for tables, seemingly from bootstrap.min.css -->
<!-- data-quarto-disable-processing="true" prevents Quarto processing of tables (https://quarto.org/docs/authoring/tables.html#disabling-quarto-table-processing) -->
<tbody>
<tr>
<th scope="row" rowspan="2">Aug 29:</th>
<td><strong class="label label-Lecture">Lecture 2</strong> <a href="https://ds100.org/fa23/lecture/lec01" target="_blank">Pandas 1</a></td>
<td></td>
</tr>
<tr>
<td><strong class="label label-Participation">Participation 2</strong> <a href="https://ds100.org/fa23/lecture/lec01" target="_blank">Lecture Participation 2</a></td>
<td><a href="./units/unit2.html">Note 2</a></td>
</tr>
</tbody>
</table>
<h4 class="anchored">Week 1</h4>
<div class="week-x-box">
<div class="daily-sched">
<div class="date-cell">
<p>Jan 16</p>
</div>
<div class="materials-cell">
<p><span class="daily-topic">Random Variables</span><br>
<a href="1-probability/1-random-variables/notes.qmd" type="button" class="btn btn-outline-primary btn-sm">Notes</a>
<a href="1-probability/1-random-variables/slides.qmd" type="button" class="btn btn-outline-primary btn-sm">Slides</a>
</p>
</div>
<div class="date-cell">
<p>Jan 18</p>
</div>
<div class="materials-cell">
<p><span class="daily-topic">The Binomial Distribution</span><br>
<a href="1-probability/2-binomial/notes.qmd" type="button" class="btn btn-outline-primary btn-sm">Notes</a>
<a href="1-probability/2-binomial/slides.qmd" type="button" class="btn btn-outline-primary btn-sm">Slides</a>
</p>
</div>
</div>
<div class="resources">
<p><span">Resources</span"></p>
<ul>
<li><a href="https://markdownlivepreview.com">Markdown Live Preview</a></li>
</ul>
</div>
</div>
<h4 class="anchored">Week 2</h4>
<div class="week-x-box">
<div class="daily-sched">
<div class="date-cell">
<p>Jan 23</p>
</div>
<div class="materials-cell">
<p><span class="daily-topic">Conditional Probability</span><br>
<a href="1-probability/3-conditional-probability/notes.qmd" type="button" class="btn btn-outline-primary btn-sm">Notes</a>
<a href="1-probability/3-conditional-probability/slides.qmd" type="button" class="btn btn-outline-primary btn-sm">Slides</a>
<a href="1-probability/3-conditional-probability/ps.qmd" type="button" class="btn btn-outline-primary btn-sm">PS</a>
</p>
</div>
</div>
<div class="resources">
<p><span">Resources</span"></p>
<ul>
<li>None this week</li>
</ul>
</div>
</div>
<div class="listing-no-matching d-none">
No matching items
</div>
Expand Down
Loading

0 comments on commit 5754206

Please sign in to comment.