~mjorgensen/jrgnsn.net

2ca6f8b6824d146a3698efed14b2f391390d2a1c — Matthew Jorgensen 9 months ago fe2b483
Tweaked recipe collection layouts
3 files changed, 19 insertions(+), 19 deletions(-)

M _layouts/recipe.html
M _layouts/recipe_base.html
M css/recipe.css
M _layouts/recipe.html => _layouts/recipe.html +8 -3
@@ 48,10 48,15 @@
                {{ content }}
            </div>
        </div>

        <div id="recipe-footer">
            {%- include footer.html -%}
        {% if page.source %}
        <div class="recipe-source">
            {% if page.sourceURL %}
            Source: <a href="{{ page.sourceURL }}" target="_blank">{{ page.source }}</a>
            {% else %}
            Source: {{ page.source }}
            {% endif %}
        </div>
        {% endif %}
    </div>
</div>
</div>

M _layouts/recipe_base.html => _layouts/recipe_base.html +1 -6
@@ 29,12 29,7 @@
                <a href="/">Back to Blog</a>
            </div></navigation>
        </header>

                {{ content }}

        <div id="recipe-footer">
            {%- include footer.html -%}
        </div>
        {{ content }}
    </div>
</body>
</html>
\ No newline at end of file

M css/recipe.css => css/recipe.css +10 -10
@@ 1,12 1,18 @@
body {
    z-index: 0;
}

.recipe-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.recipe-source {
    color: darkgray;
    text-align: right;
    margin-top: 2em;
}

.recipe-source a {
    color: darkgray;
}

.ingredients {
    grid-column-start: 1;
    grid-column-end: 1;


@@ 36,9 42,3 @@ body {
.directions li {
    padding: 0 0.3em;
}

#recipe-footer {
    position: fixed;
    bottom: 0;
    z-index: 1000;
}
\ No newline at end of file