Fix book banner

This commit is contained in:
Jeremy Thomas 2018-04-10 23:02:30 +01:00
parent d72f51ece7
commit a1c8414c59
12 changed files with 44 additions and 39 deletions

View File

@ -1,5 +1,5 @@
{
"tweetsById": {
"tweets_by_id": {
"779966186121560064": {
"id": "779966186121560064",
"date": "9:50 AM - 25 Sep 2016",

View File

@ -1,5 +1,5 @@
<section id="bulma-book" class="bd-book-banner hero is-medium">
<div class="bd-book-pattern"></div>
<!-- <div class="bd-book-pattern"></div> -->
<div class="hero-body">
<div class="container">
<div class="bd-book-columns">

View File

@ -12,7 +12,7 @@
{{ include.content | markdownify }}
{% if include.title == 'No JavaScript' %}
{% assign tweet = site.data.love.tweetsById.860885116909998080 %}
{% assign tweet = site.data.love.tweets_by_id.860885116909998080 %}
{% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
{% endif %}
</div>

View File

@ -1,21 +1,21 @@
<div class="container">
<div class="columns">
<div class="column is-4">
{% assign tweet = site.data.love.tweetsById.910956939886043136 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.912690697416753152 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.834140257054502913 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.910956939886043136 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.912690697416753152 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.834140257054502913 %}{% include elements/tw.html tweet=tweet%}
</div>
<div class="column is-4">
{% assign tweet = site.data.love.tweetsById.869284735440363520 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.835834634655174658 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.874925154475929602 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.869284735440363520 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.835834634655174658 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.874925154475929602 %}{% include elements/tw.html tweet=tweet%}
</div>
<div class="column is-4">
{% assign tweet = site.data.love.tweetsById.915580081938018304 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.903629781744439297 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.909653512010833920 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.915580081938018304 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.903629781744439297 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweets_by_id.909653512010833920 %}{% include elements/tw.html tweet=tweet%}
</div>
</div>

View File

@ -10,7 +10,7 @@
<form action="https://mail.jgthms.com/subscribe" method="POST" accept-charset="utf-8">
<div class="field is-grouped">
<div class="control has-icons-left is-expanded">
<input type="email" value="" name="email" class="input is-flat required email" placeholder="email address" required>
<input type="email" value="" name="email" class="input is-medium is-flat" placeholder="email address" required>
<span class="icon is-small is-left">
<i class="fas fa-envelope"></i>
</span>
@ -20,7 +20,7 @@
<input type="text" name="hp" id="hp">
</div>
<input type="hidden" name="list" value="So5UY3O9gHJkq892bn763Tyf4A">
<button class="button is-link">
<button class="button is-medium is-link">
<strong>Subscribe</strong>
</button>
</div>

View File

@ -19,7 +19,7 @@
<div class="column">
<div class="bd-index-js-tweet">
{% assign tweet = site.data.love.tweetsById.860885116909998080 %}
{% assign tweet = site.data.love.tweets_by_id.860885116909998080 %}
{% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
</div>
</div>

View File

@ -15,7 +15,7 @@
</h4>
</header>
{% assign tweet = site.data.love.tweetsById.868829487072464897 %}
{% assign tweet = site.data.love.tweets_by_id.868829487072464897 %}
{% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
</div>

View File

@ -13,7 +13,7 @@ $book-beige: #FFEDD7
transform: scale(1)
.bd-book-banner
background-color: $white
background-color: $primary
position: relative
.bd-book-pattern,
@ -44,8 +44,7 @@ $book-beige: #FFEDD7
display: block
.bd-book-content
background-color: $white
box-shadow: 0 40px 40px -20px rgba($black, 0.1)
@extend %bd-box
max-width: 520px
padding: 3rem

View File

@ -29,10 +29,7 @@
margin-top: 1.5rem
%bd-footer-box
background-color: $white
border-radius: $radius-large
box-shadow: 0 1.5rem 1.5rem -1.25rem rgba($black, 0.1)
display: block
@extend %bd-box
text-align: center
.bd-footer-title
font-size: 1.5rem

View File

@ -25,11 +25,19 @@ $intro-width: 1080px
$navbar-item-img-max-height: none
@import "../bulma"
%center
align-items: center
display: flex
justify-content: center
%bd-box
background-color: $white
border-radius: $radius-large
box-shadow: 0 1.5rem 1.5rem -1.25rem rgba($black, 0.1)
display: block
=selection($current-selector: false)
@if $current-selector
&::-moz-selection
@ -42,7 +50,6 @@ $navbar-item-img-max-height: none
\::selection
@content
@import "../bulma"
@import "./_sass/main"
@import "./_sass/highlight"
@import "./_sass/override"

View File

@ -1,10 +1,4 @@
@charset "UTF-8";
.bd-columns-tool, .bd-footer-donation-action, .bd-footer-star-figure {
align-items: center;
display: flex;
justify-content: center;
}
/*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */
@keyframes spinAround {
from {
@ -9496,6 +9490,19 @@ label.panel-block:hover {
padding: 3rem 1.5rem 6rem;
}
.bd-columns-tool, .bd-footer-donation-action, .bd-footer-star-figure {
align-items: center;
display: flex;
justify-content: center;
}
.bd-footer-support, .bd-footer-star, .bd-book-content {
background-color: white;
border-radius: 6px;
box-shadow: 0 1.5rem 1.5rem -1.25rem rgba(10, 10, 10, 0.1);
display: block;
}
.bd-main {
overflow: hidden;
position: relative;
@ -10711,10 +10718,6 @@ svg {
}
.bd-footer-support, .bd-footer-star {
background-color: white;
border-radius: 6px;
box-shadow: 0 1.5rem 1.5rem -1.25rem rgba(10, 10, 10, 0.1);
display: block;
text-align: center;
}
@ -12537,7 +12540,7 @@ svg {
}
.bd-book-banner {
background-color: white;
background-color: #00d1b2;
position: relative;
}
@ -12575,8 +12578,6 @@ svg {
}
.bd-book-content {
background-color: white;
box-shadow: 0 40px 40px -20px rgba(10, 10, 10, 0.1);
max-width: 520px;
padding: 3rem;
}

View File

@ -50,8 +50,9 @@ tweets:
</div>
<div class="bd-tws-love">
{% for tweetId in site.data.love.tweets reversed %}
{% assign tweet = site.data.love.tweetsById[tweetId] %}
{% for tweet_pair in site.data.love.tweets_by_id reversed %}
{% assign tweet_id = tweet_pair[0] %}
{% assign tweet = site.data.love.tweets_by_id[tweet_id] %}
{% include elements/tw.html tweet=tweet %}
{% endfor %}
</div>