Skip to content

Avoid flashing and slow page loading by inlining style sheets and widgets #45

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
chrishtr wants to merge 4 commits into from
Closed

Avoid flashing and slow page loading by inlining style sheets and widgets #45

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
215119b
Update llab to support inlining
chrishtr Apr 16, 2021
5f4e895
Rename class
chrishtr Apr 16, 2021
9590226
Remove unnnecessary conditional
chrishtr Apr 16, 2021
080daae
Inline CSS and navigation headers into all pages
chrishtr Apr 16, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
24 changes: 23 additions & 1 deletion course/PD_week1_mini_course.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,33 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="/bjc-r/llab/loader.js" type="text/javascript"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

<title>Beauty and Joy of Computing | PD Week 1 Mini-Course</title>
</head>

<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">

<h2>Welcome to the Beauty and Joy of Computing, <em>BJC</em> Professional Development</h2>

<!-- <p>In this course, you will <em>create</em> apps and other programs using the <span class="snap">snap</span> programming language, you will learn some of the most <em>powerful ideas</em> of computer science, you will be <em>creative</em>, and you will discuss the social implications of computing, thinking deeply about how <em>you</em> can be personally active in promoting the benefits and reducing the possible harms. </p>
Expand Down
24 changes: 23 additions & 1 deletion course/berkeley_bjc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,32 @@
</title>

<!-- keep these libraries for any bjc course you write, add others as necessary -->
<script src="/bjc-r/llab/loader.js" type="text/javascript"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

</head>

<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">


<p>
This is the reference Beauty and Joy of Computing course at UC Berkeley as of Fall 2013.
Expand Down
24 changes: 23 additions & 1 deletion course/berkeley_bjc_fa13.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,32 @@
</title>

<!-- keep these libraries for any bjc course you write, add others as necessary -->
<script src="/bjc-r/llab/loader.js" type="text/javascript"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

</head>

<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">


<p>
This is the reference Beauty and Joy of Computing course at UC Berkeley as of Fall 2013.
Expand Down
24 changes: 23 additions & 1 deletion course/bjc4nyc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,33 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="/bjc-r/llab/loader.js" type="text/javascript"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

<title>Beauty and Joy of Computing</title>
</head>

<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">

<h2>Welcome to the Beauty and Joy of Computing—<em>BJC</em></h2>

<div style="float:right; padding-top:0px;">
Expand Down
24 changes: 23 additions & 1 deletion course/bjc4nyc_teacher.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,33 @@
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="/bjc-r/llab/loader.js" type="text/javascript"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

<title>BJC Teacher Guide</title>
</head>

<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">

<h2>Beauty and Joy of Computing Teacher Guide</h2>
<p>BJC was developed by the University of California, Berkeley, and Education Development Center, Inc. Teacher professional development has been a partnership with North Carolina State University, the New York City Department of Education, and the New York City Foundation for Computer Science Education. </p>

Expand Down
24 changes: 23 additions & 1 deletion course/cs10_fa14.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,32 @@
<title>CS10 Labs | Fall 2014 | BJC</title>

<!-- keep these libraries for any bjc course you write, add others as necessary -->
<script src="/bjc-r/llab/loader.js" type="text/javascript"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

</head>

<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">

<p>
This is the CS10 version of The Beauty and Joy of Computing course at for Fall 2014.
</p>
Expand Down
24 changes: 23 additions & 1 deletion course/cs10_sp14.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,32 @@
<title>CS10 Labs | BJC | Spring 2014</title>

<!-- keep these libraries for any bjc course you write, add others as necessary -->
<script src="/bjc-r/llab/loader.js" type="text/javascript"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

</head>

<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">

<p>
This is the Beauty and Joy of Computing course at UC Berkeley during Spring 2014.
</p>
Expand Down
24 changes: 23 additions & 1 deletion course/cs10_sp15.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,32 @@
<title>CS10 Labs | Spring 2015 | BJC</title>

<!-- keep these libraries for any bjc course you write, add others as necessary -->
<script src="/bjc-r/llab/loader.js" type="text/javascript"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

</head>

<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">

<p>
This is the CS10 version of The Beauty and Joy of Computing course during Spring 2015.
</p>
Expand Down
24 changes: 23 additions & 1 deletion course/mini17.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,33 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="/mini17/bjc-r/llab/loader.js" type="text/javascript"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

<title>Beauty and Joy of Computing | PD Week 1 Mini-Course</title>
</head>

<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">

<h2>Welcome to the Beauty and Joy of Computing, <em>BJC</em> Professional Development</h2>

<!-- <p>In this course, you will <em>create</em> apps and other programs using the <span class="snap">snap</span> programming language, you will learn some of the most <em>powerful ideas</em> of computer science, you will be <em>creative</em>, and you will discuss the social implications of computing, thinking deeply about how <em>you</em> can be personally active in promoting the benefits and reducing the possible harms. </p>
Expand Down
24 changes: 23 additions & 1 deletion course/non-ap.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,33 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="/bjc-r/llab/loader.js" type="text/javascript"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

<title>Beauty and Joy of Computing</title>
</head>

<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">

<h2>The Beauty and Joy of Computing—<em>BJC</em></h2>
<h3>Non-AP Version</h3>

Expand Down
24 changes: 23 additions & 1 deletion course/original_bjc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,31 @@
<html lang="en">
<head>
<title>Original BJC Curriculum</title>
<script type="text/javascript" src="/bjc-r/llab/loader.js"></script>
<script src="/bjc-r/llab/loader.js"></script>
<link rel=stylesheet href="/bjc-r/llab/css/3.3.7/bootstrap-compiled.min.css">
<link rel=stylesheet href="/bjc-r/llab/css/default.css">
<link rel=stylesheet href="/bjc-r/css/bjc.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/edcdevtech-headerfooter.css">
<link rel=stylesheet href="/bjc-r/css/tomorrow-night-blue.css">
<link rel=stylesheet href="/bjc-r/css/katex.min.css">

</head>
<body>
<nav class="llab-nav navbar navbar-default navbar-fixed-top nopadtb" role="navigation">
<div class="nav navbar-nav navbar-left">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html">
<img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left">
</a>
<div class="navbar-title"></div>
</div>
<div class="trapezoid"></div>
<div class="nav navbar-nav navbar-right">
<ul class="nav-btns btn-group"></ul>
</div>
</nav>
<div class="full">


<div class="topic_link">
<a href="/bjc-r/topic/topic.html?topic=original_bjc/01-broadcast-animations-music.topic">Topic 1: Broadcast, Animations, and Music!</a>
Expand Down
Loading