Skip to content

Commit 51dfda0

Browse files
fonspfonsp
committed
branding updates
1 parent 0ea6bf4 commit 51dfda0

File tree

2 files changed

+92
-92
lines changed

2 files changed

+92
-92
lines changed

‎src/_includes/layout.jlhtml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ $(pluto_head)
6464
<li class="sidebar-about">
6565
<div class="course-title">
6666
<h1><a href="$(root_url)"><span>Introduction to</span> <span>Computational Thinking</span></a></h1>
67-
<h2><span>Math from computation</span>, <span>math with computation</span></h2>
67+
<h2><span>Make mathematics your playground!</span></h2>
6868
</div>
6969
<div class="authors">
7070
by <a href="http://math.mit.edu/~edelman">Alan Edelman</a>, <a href="http://sistemas.fciencias.unam.mx/~dsanders/">David P. Sanders</a> &amp; <a href="https://people.csail.mit.edu/cel/">Charles E. Leiserson</a>

‎src/_includes/welcome.md

Lines changed: 91 additions & 91 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,94 @@ layout: "layout.jlhtml"
1515
</blockquote>
1616

1717
<main class="homepage">
18+
<div class="subjectscontainer wide">
19+
<h1>Highlights</h1>
20+
<div class="contain">
21+
<section>
22+
<div class="content">
23+
<h2>Real-world problems</h2>
24+
<p>We will take applications such as climate change and show how you can participate in the big open source community looking to find solutions to challenging problems with exposure to github and parallel computing.</p>
25+
</div>
26+
<div class="preview">
27+
<img src="https://user-images.githubusercontent.com/6933510/136199652-0a1275ad-8452-4c9b-ac68-d33ed22f1d17.gif">
28+
</div>
29+
</section>
30+
<section>
31+
<div class="content">
32+
<h2>Corgi in the washing machine</h2>
33+
<p>You will learn mathematical ideas by immersion into the mathematical process, performing experiments, seeing the connections, and seeing just how much fun math can be.</p>
34+
</div>
35+
<div class="preview">
36+
<img src="https://user-images.githubusercontent.com/6933510/136203450-f1d38de6-f43c-4bfc-a987-f954e7a9da2e.png">
37+
</div>
38+
</section>
39+
<section>
40+
<div class="content">
41+
<h2>Revolutionary interactivity</h2>
42+
<p>Our course material is built using real code, and instead of a book, we have a series of interactive <em>notebooks</em>. <strong>On our website, you can play with sliders, buttons and images to interact with our simulations.</strong> You can even go further, and modify and run any code on our website!</p>
43+
</div>
44+
<div class="preview">
45+
<img src="https://user-images.githubusercontent.com/6933510/136196607-16207911-53be-4abb-b90e-d46c946e6aaf.gif">
46+
</div>
47+
</section>
48+
<section>
49+
<div class="content">
50+
<h2>Learning Julia</h2>
51+
<p>In literature it’s not enough to just know the technicalities of grammar. In music it’s not enough to learn the scales. The goal is to communicate experiences and emotions. For a computer scientist, it’s not enough to write a working program, the program should be <strong>written with beautiful high level abstractions that speak to your audience</strong>. This class will show you how.</p>
52+
</div>
53+
<div class="preview">
54+
<img src="https://user-images.githubusercontent.com/6933510/136203632-29ce0a96-5a34-46ad-a996-de55b3bcd380.png">
55+
</div>
56+
</section>
57+
</div>
58+
</div>
59+
<div class="">
60+
<h1>Why is this course different?</h1>
61+
<!-- <div class="asdf">
62+
<thingy></thingy>
63+
</div> -->
64+
<p class="twocols contain shadow">We believe many classes cover what we call the vertices — specific topics in computer science, math, or an application.
65+
A student is left to figure out the edges, meaning the intellectual connections between the topics on their own as they mature.
66+
Some classes have you learn a math topic and you can then for homework implement an algorithm or application. The goal
67+
for this class, is to accelerate the process by which a student can participate in the exciting world of software development
68+
be it the big open source universe or privately, by seeing how math with CS abstractions can allow for applications that can
69+
be part of a big huge ecosystem rather than a one-off homework.
70+
<br>
71+
… and have more fun in the process!
72+
</p>
73+
</div>
74+
<div class="wide subjectscontainer">
75+
<h1>Subjects</h1>
76+
<div class="subjects">$(
77+
let
78+
sidebar_data = Base.include(@__MODULE__, joinpath(@__DIR__, "..", "sidebar data.jl"))
79+
sections = sidebar_data["main"]
80+
81+
[
82+
@htl("""
83+
$([
84+
let
85+
input = other_page.input
86+
output = other_page.output
87+
88+
name = get(output.frontmatter, "title", basename(input.relative_path))
89+
desc = get(output.frontmatter, "description", nothing)
90+
active = page.url == other_page.url
91+
92+
image = get(output.frontmatter, "image", nothing)
93+
94+
image === nothing || isempty(image) ? nothing : @htl("""<a title=$(desc) class="no-decoration" href=$(root_url * "/" * other_page.url)>
95+
<h3>$(name)</h3>
96+
<img src=$(image)>
97+
</a>""")
98+
end for other_page in pages
99+
])
100+
""")
101+
for (section_name, pages) in sections
102+
]
103+
end
104+
)</div>
105+
</div>
18106
<div>
19107
<h1>Three fields, one course</h1>
20108
<div class="scrolly">
@@ -106,98 +194,10 @@ layout: "layout.jlhtml"
106194
</div>
107195
</div>
108196
</div>
109-
<div class="subjectscontainer wide">
110-
<h1>Highlights</h1>
111-
<div class="contain">
112-
<section>
113-
<div class="content">
114-
<h2>Real-world problems</h2>
115-
<p>We will take applications such as climate change and show how you can participate in the big open source community looking to find solutions to challenging problems with exposure to github and parallel computing.</p>
116-
</div>
117-
<div class="preview">
118-
<img src="https://user-images.githubusercontent.com/6933510/136199652-0a1275ad-8452-4c9b-ac68-d33ed22f1d17.gif">
119-
</div>
120-
</section>
121-
<section>
122-
<div class="content">
123-
<h2>Corgi in the washing machine</h2>
124-
<p>You will learn mathematical ideas by immersion into the mathematical process, performing experiments, seeing the connections, and seeing just how much fun math can be.</p>
125-
</div>
126-
<div class="preview">
127-
<img src="https://user-images.githubusercontent.com/6933510/136203450-f1d38de6-f43c-4bfc-a987-f954e7a9da2e.png">
128-
</div>
129-
</section>
130-
<section>
131-
<div class="content">
132-
<h2>Revolutionary interactivity</h2>
133-
<p>Our course material is built using real code, and instead of a book, we have a series of interactive <em>notebooks</em>. <strong>On our website, you can play with sliders, buttons and images to interact with our simulations.</strong> You can even go further, and modify and run any code on our website!</p>
134-
</div>
135-
<div class="preview">
136-
<img src="https://user-images.githubusercontent.com/6933510/136196607-16207911-53be-4abb-b90e-d46c946e6aaf.gif">
137-
</div>
138-
</section>
139-
<section>
140-
<div class="content">
141-
<h2>Learning Julia</h2>
142-
<p>In literature it’s not enough to just know the technicalities of grammar. In music it’s not enough to learn the scales. The goal is to communicate experiences and emotions. For a computer scientist, it’s not enough to write a working program, the program should be <strong>written with beautiful high level abstractions that speak to your audience</strong>. This class will show you how.</p>
143-
</div>
144-
<div class="preview">
145-
<img src="https://user-images.githubusercontent.com/6933510/136203632-29ce0a96-5a34-46ad-a996-de55b3bcd380.png">
146-
</div>
147-
</section>
148-
</div>
149-
</div>
150-
<div class="">
151-
<h1>Why is this course different?</h1>
152-
<!-- <div class="asdf">
153-
<thingy></thingy>
154-
</div> -->
155-
<p class="twocols contain shadow">We believe many classes cover what we call the vertices — specific topics in computer science, math, or an application.
156-
A student is left to figure out the edges, meaning the intellectual connections between the topics on their own as they mature.
157-
Some classes have you learn a math topic and you can then for homework implement an algorithm or application. The goal
158-
for this class, is to accelerate the process by which a student can participate in the exciting world of software development
159-
be it the big open source universe or privately, by seeing how math with CS abstractions can allow for applications that can
160-
be part of a big huge ecosystem rather than a one-off homework.
161-
<br>
162-
… and have more fun in the process!
163-
</p>
164-
</div>
165-
<div class="wide subjectscontainer">
166-
<h1>Subjects</h1>
167-
<div class="subjects">$(
168-
let
169-
sidebar_data = Base.include(@__MODULE__, joinpath(@__DIR__, "..", "sidebar data.jl"))
170-
sections = sidebar_data["main"]
171-
172-
[
173-
@htl("""
174-
$([
175-
let
176-
input = other_page.input
177-
output = other_page.output
178-
179-
name = get(output.frontmatter, "title", basename(input.relative_path))
180-
desc = get(output.frontmatter, "description", nothing)
181-
active = page.url == other_page.url
182-
183-
image = get(output.frontmatter, "image", nothing)
184-
185-
image === nothing || isempty(image) ? nothing : @htl("""<a title=$(desc) class="no-decoration" href=$(root_url * "/" * other_page.url)>
186-
<h3>$(name)</h3>
187-
<img src=$(image)>
188-
</a>""")
189-
end for other_page in pages
190-
])
191-
""")
192-
for (section_name, pages) in sections
193-
]
194-
end
195-
)</div>
196-
</div>
197197
<div>
198198
<h1>Details</h1>
199199
<blockquote>
200-
<p>See also the course repository <a href="https://github.com/mitmath/18S191">github.com/mitmath/18S191</a>.</p>
200+
<p>See also the course repository <a href="https://github.com/mitmath/computational-thinking">github.com/mitmath/computational-thinking</a>.</p>
201201
</blockquote>
202202
<p></p>
203203
<blockquote>
@@ -219,8 +219,8 @@ layout: "layout.jlhtml"
219219
</div>
220220
<div class="page-foot">
221221
<div class="copyright">
222-
<a href="https://github.com/mitmath/18S191/"><b>Edit this page on <img class="github-logo" src="https://unpkg.com/[email protected]/dist/svg/logo-github.svg"></b></a><br>
223-
Website built with <a href="https://github.com/tlienart/Franklin.jl">Franklin.jl</a> and the <a href="https://julialang.org">Julia programming language</a>.
222+
<a href="https://github.com/mitmath/computational-thinking/"><b>Edit this page on <img class="github-logo" src="https://unpkg.com/[email protected]/dist/svg/logo-github.svg"></b></a><br>
223+
Website built with <a href="https://plutojl.org/">Pluto.jl</a> and the <a href="https://julialang.org">Julia programming language</a>.
224224
</div>
225225
</div>
226226
</main>

0 commit comments

Comments
 (0)