From a2891841fbf1e5660693a1f9109f2e6810224a3b Mon Sep 17 00:00:00 2001 From: luxagraf Date: Sun, 5 May 2019 11:40:42 -0500 Subject: added tutorials with comments --- design/sass/_content.scss | 41 ++++++++ design/templates/admin/insert_images.html | 130 ++++++++++++++++++++++++ design/templates/blog/entry_list.html | 5 +- design/templates/tutorials/topic_list.html | 35 +++++++ design/templates/tutorials/tutorial_detail.html | 85 ++++++++++++++++ design/templates/tutorials/tutorial_list.html | 22 ++++ 6 files changed, 317 insertions(+), 1 deletion(-) create mode 100644 design/templates/admin/insert_images.html create mode 100644 design/templates/tutorials/topic_list.html create mode 100644 design/templates/tutorials/tutorial_detail.html create mode 100644 design/templates/tutorials/tutorial_list.html (limited to 'design') diff --git a/design/sass/_content.scss b/design/sass/_content.scss index e4cfb0e..2c624ee 100644 --- a/design/sass/_content.scss +++ b/design/sass/_content.scss @@ -45,6 +45,9 @@ article ul { padding: 0; list-style-type: none; } + li { + margin-bottom: 2rem; + } a { text-decoration: none; color: lighten($body_font_color, 20); @@ -77,3 +80,41 @@ article ul { background: darken(#fff, 10); } } +#breadcrumbs { + @include fontsize(13); + @include fancy_sans; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 1px; + color: lighten($body_font_color, 50); + a { + color: lighten($body_font_color, 50); + } +} +.footnote p { + @include fontsize(20); +} +pre{ + white-space: pre-wrap; +} +.highlight { + padding: 1rem; + margin-bottom: 1em; + // this clever bit comes from https://css-tricks.com/full-width-containers-limited-width-parents/ + // I tweaked it slightly to add a bit of margin + width: 50vw; + position: relative; + left: 33%; + right: 33%; + margin-left: -20vw; + margin-right: -20vw; + pre { + } +} +.go:before { + content: "$ "; +} +code > .comment::after { + display:none; +} + diff --git a/design/templates/admin/insert_images.html b/design/templates/admin/insert_images.html new file mode 100644 index 0000000..2db82e6 --- /dev/null +++ b/design/templates/admin/insert_images.html @@ -0,0 +1,130 @@ +{% load get_image_by_size %} + + + + + + + + +
{% for object in object_list %} +
+ {% if object.get_type != "Audio" %} +
+ +
{{object.id}} {% if object.caption %}– {{object.caption}}{%endif%}
+
+ + {% else %} +
+ +
+ + {% endif %} +
+{% endfor %} +
+ + + + + + diff --git a/design/templates/blog/entry_list.html b/design/templates/blog/entry_list.html index 0931ac4..9198b39 100644 --- a/design/templates/blog/entry_list.html +++ b/design/templates/blog/entry_list.html @@ -2,7 +2,10 @@ {% load typogrify_tags %} {%block bodyid%}id="essay-archive" class="archive"{%endblock%} -{% block content %} +{% block content %}

Essays