diff --git a/example/static/main1.scss b/example/static/main.scss similarity index 95% rename from example/static/main1.scss rename to example/static/main.scss index b0b9d2a..c03102e 100644 --- a/example/static/main1.scss +++ b/example/static/main.scss @@ -242,9 +242,16 @@ section.images { max-width: $max-width; margin: 0.5em; - img { - display: block; - width: 100%; + div { + position: relative; + padding-bottom: 56%; + + img { + position: absolute; + object-fit: cover; + height: 100%; + width: 100%; + } } } } diff --git a/example/static/main1.scss.css b/example/static/main1.scss.css deleted file mode 100644 index b3827e1..0000000 --- a/example/static/main1.scss.css +++ /dev/null @@ -1,216 +0,0 @@ -html, body { - font-family: sans-serif; - line-height: 1.5; - margin: 0; - padding: 0; } - -a { - color: #3573a8; - text-decoration: none; } - a:hover { - text-decoration: underline; } - -a.button, button.button { - cursor: pointer; - font-family: sans-serif; - font-size: 1.5em; - line-height: 1.25; - border-radius: 5px; - display: inline-block; - text-decoration: none; - border: none; - padding: 5px 20px; - background: #3573a8; - color: white; - box-sizing: border-box; } - a.button:hover, button.button:hover { - color: #3573a8; - background: white; - box-shadow: inset 0 0 0 2px #3573a8; } - -h1, h2, h3, h4, h5, h6 { - margin: .5em 0; - font-family: sans-serif; } - -h1 { - font-size: 2em; } - -h2 { - font-size: 1.5em; } - -h3 { - font-size: 1.25em; } - -h4, h5, h6 { - font-size: 1em; } - -a.edit { - color: red; - text-decoration: none; - font-size: 1rem; - font-weight: normal; } - a.edit:before { - content: '[ '; } - a.edit:after { - content: ' ]'; } - -section a.edit { - position: absolute; - bottom: 0; - left: 1em; } - -table { - border-collapse: collapse; } - table th, table td { - padding: 1em; } - table th { - border-bottom: 2px solid #3573a8; } - -div.wrapper { - box-sizing: border-box; - max-width: 700px; - margin: auto; - padding: 0 1rem; } - -div.spacer { - height: 1rem; - clear: both; } - -header { - text-align: center; } - -nav button#hamburger { - position: absolute; - z-index: 1; - top: 0; - right: 0; } - nav button#hamburger .hamburger-inner, nav button#hamburger .hamburger-inner:before, nav button#hamburger .hamburger-inner:after { - background: #3573a8; } - nav button#hamburger.is-active { - position: fixed; } - nav button#hamburger:hover { - opacity: 1 !important; } - nav button#hamburger:focus { - outline: none !important; } - -nav ul { - border-top: 2px solid #3573a8; - border-bottom: 2px solid #3573a8; - list-style: none; - margin: 0; - padding: 0; - text-align: center; - overflow: hidden; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; - align-content: start; } - nav ul li { - margin: 0; - padding: 0; - display: inline-block; } - nav ul li a { - font-size: 1.25rem; - padding: 5px .5em; - transition: .1s ease; - display: inline-block; - font-weight: bold; } - -@media (min-width: 500px) { - nav a:hover:not(.edit), nav a.current { - text-decoration: none; - color: white; - background: #3573a8; } - nav button#hamburger { - display: none; } } - -@media (max-width: 500px) { - nav { - padding: 0; } - nav button#hamburger { - display: block; } - nav ul#menu { - position: fixed; - overflow-y: auto; - z-index: 1; - margin: 0; - padding: 0; - padding-top: 2em; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: white; - list-style: none; - transition: .5s ease; - transform: translatex(100%); } - nav ul#menu li { - width: 100%; - box-sizing: border-box; - padding: 1em; - margin: 0 1em; - border-bottom: 1px solid #ddd; - line-height: 1.5; - text-align: center; } - nav ul#menu li a { - text-decoration: none; } - nav ul#menu.visible { - transform: translatex(0); } } - -div.edit { - position: fixed; - right: 1em; - bottom: 1em; - z-index: 1000; } - div.edit img { - width: 75px; } - -section { - clear: both; - position: relative; } - section div.title { - text-align: center; } - section div.video div.iframe { - width: 100%; - padding-bottom: 56%; - position: relative; } - section div.video div.iframe iframe { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; } - -section.images div.images { - display: flex; - flex-wrap: wrap; - margin: 0.25em; - justify-content: center; } - section.images div.images div.image { - flex: 1 1 100px; - max-width: 700px; - margin: 0.5em; } - section.images div.images div.image img { - display: block; - width: 100%; } - -section.contact div.message { - display: none; } - -section.contact div.formfield { - padding: 0.5em 0; } - -section.contact form input, section.contact form textarea { - box-sizing: border-box; - font-family: inherit; - font-size: inherit; - display: block; - width: 100%; - padding: 0.5em; - margin: 0; } - -footer { - min-height: 10em; } - -/*# sourceMappingURL=main1.scss.css.map */ \ No newline at end of file diff --git a/example/static/main1.scss.css.map b/example/static/main1.scss.css.map deleted file mode 100644 index 4086f0f..0000000 --- a/example/static/main1.scss.css.map +++ /dev/null @@ -1,9 +0,0 @@ -{ - "version": 3, - "file": "main1.css", - "sources": [ - "main1.scss" - ], - "names": [], - "mappings": "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" -} \ No newline at end of file diff --git a/example/templates/base.html b/example/templates/base.html index c10f8fa..73cc26e 100644 --- a/example/templates/base.html +++ b/example/templates/base.html @@ -7,7 +7,7 @@ - + {% block title %}Awesome Website{% endblock %} {% block extrahead %}{% endblock %} diff --git a/example/templates/images.html b/example/templates/images.html index b01a1fc..ab26812 100644 --- a/example/templates/images.html +++ b/example/templates/images.html @@ -4,7 +4,9 @@
{% for image in section.images.all %}
- +
+ +
{% endfor %}