Browse Source

beta stuff (with announcement post)

master
Clark Wimberly 2 years ago
parent
commit
6fac4d181c
6 changed files with 228 additions and 14 deletions
  1. +45
    -5
      _layouts/beta.html
  2. +15
    -0
      _posts/2018-09-20-new-beta-cookin.md
  3. +53
    -7
      _site/beta/index.html
  4. +5
    -0
      _site/blog.html
  5. +2
    -2
      _site/feed.xml
  6. +108
    -0
      _site/new-beta-cookin.html

+ 45
- 5
_layouts/beta.html View File

@ -32,6 +32,10 @@
color: var(--light);
}
.blue, a.blue{
color: var(--blue);
}
.bg-blue{
background:var(--blue);
color:var(--white);
@ -45,6 +49,10 @@ body{
line-height: 1.25;
}
a{
color:var(--blue);
}
nav{
position: fixed;
z-index: 10;
@ -114,6 +122,7 @@ nav .label{
#slider{
width:400%;
transition: .3s ease all;
display: flex;
}
#slider.recipes{
@ -126,7 +135,7 @@ nav .label{
#slider.books{
transform: translateX(-50%);
}
#slider.updates{
#slider.blog{
transform: translateX(-75%);
}
@ -134,8 +143,28 @@ input{
width:100%;
padding:.75rem;
box-sizing: border-box;
font-size:1rem;
font-family: 'Inter UI', sans-serif;
}
.blog{
height: 100%;
background: var(--light);
}
.card{
background:var(--white);
padding:1rem;
text-decoration: none;
}
.card .action{
text-transform: uppercase;
font-size: 75%;
font-weight: bold;
margin-bottom:0;
}
@keyframes zap {
0% {
transform: scale(1.0);
@ -190,13 +219,24 @@ input{
<div class="books col col-3">
<div class="px2"><h2>Coming Soon!</h2></div>
<div class="px2"><h2 class="mt4 pt4 center">Coming Soon!</h2><p class="px3 center">Collections like brunch, grilling, and quick dinners.</p></div>
</div>
<div class="updates col col-3">
<div class="blog col col-3">
<div class="px2"><h2>Coming Soon!</h2></div>
<div class="posts container max-width-2 mx-auto p2">
{% for post in site.posts %}
<a class="post card mb2 block" href="{{ post.url }}">
<h3 class="my1">{{ post.title }}</h3>
<p class="mt1 dark">{{ post.content | strip_html | truncatewords:20 }}</p>
<p class="action">View Post</p>
</a>
{% endfor %}
</div>
</div>
@ -288,7 +328,7 @@ SimpleJekyllSearch({
});
$(".item.updates").click(function() {
$('#slider').removeClass().addClass('updates');
$('#slider').removeClass().addClass('blog');
$('.item').removeClass('active');
$(this).addClass('active');


+ 15
- 0
_posts/2018-09-20-new-beta-cookin.md View File

@ -0,0 +1,15 @@
---
layout: post
title: "Hot stuff! New /beta now cookin..."
author: clarklab
---
Just a quick note to say I've started work on the overhaul of the front-end templates. You can follow along at [https://chowdown.io/beta](https://chowdown.io/beta). Some highlights:
- **Mobile First.** In fact, maybe don't check it on desktop yet.
- **Tabbed View.** New bottom nav for easier jumping.
- **Books.** Aka cookbooks aka collections aka groups are coming soon.
- **Live Search.** It's been working, now it's being featured.
- **Blog**. Same. We've had one, now it has a home.
I've got a handful of other things coming soon, excited to share with y'all. Until then, happy cooking!

+ 53
- 7
_site/beta/index.html View File

@ -32,6 +32,10 @@
color: var(--light);
}
.blue, a.blue{
color: var(--blue);
}
.bg-blue{
background:var(--blue);
color:var(--white);
@ -45,6 +49,10 @@ body{
line-height: 1.25;
}
a{
color:var(--blue);
}
nav{
position: fixed;
z-index: 10;
@ -114,6 +122,7 @@ nav .label{
#slider{
width:400%;
transition: .3s ease all;
display: flex;
}
#slider.recipes{
@ -126,7 +135,7 @@ nav .label{
#slider.books{
transform: translateX(-50%);
}
#slider.updates{
#slider.blog{
transform: translateX(-75%);
}
@ -134,8 +143,28 @@ input{
width:100%;
padding:.75rem;
box-sizing: border-box;
font-size:1rem;
font-family: 'Inter UI', sans-serif;
}
.blog{
height: 100%;
background: var(--light);
}
.card{
background:var(--white);
padding:1rem;
text-decoration: none;
}
.card .action{
text-transform: uppercase;
font-size: 75%;
font-weight: bold;
margin-bottom:0;
}
@keyframes zap {
0% {
transform: scale(1.0);
@ -288,13 +317,30 @@ input{
<div class="books col col-3">
<div class="px2"><h2>Coming Soon!</h2></div>
<div class="px2"><h2 class="mt4 pt4 center">Coming Soon!</h2><p class="px3 center">Collections like brunch, grilling, and quick dinners.</p></div>
</div>
<div class="updates col col-3">
<div class="blog col col-3">
<div class="px2"><h2>Coming Soon!</h2></div>
<div class="posts container max-width-2 mx-auto p2">
<a class="post card mb2 block" href="/new-beta-cookin.html">
<h3 class="my1">Hot stuff! New /beta now cookin...</h3>
<p class="mt1 dark">Just a quick note to say I’ve started work on the overhaul of the front-end templates. You can follow along...</p>
<p class="action">View Post</p>
</a>
<a class="post card mb2 block" href="/updates-search-blog.html">
<h3 class="my1">HTTPS, Live Search, and a new blog</h3>
<p class="mt1 dark">After a few years on the backburner, we’re finally moving Chowdown up to a low simmer. We’re back with a...</p>
<p class="action">View Post</p>
</a>
</div>
</div>
@ -339,7 +385,7 @@ input{
<path d="M14.796 15.907c-.484-.968-.51-1.98-.14-2.672l-3.312.984c.149.957.461 1.963.95 2.94a10.03 10.03 0 0 0 1.784 2.523l2.78-2.063c-.794-.125-1.596-.78-2.062-1.712zM12.014 24.6a59.376 59.376 0 0 0-4.988 1.388L8.89 29.71c.28.561.765.982 1.365 1.18a2.34 2.34 0 0 0 1.8-.124l.324-.161a2.364 2.364 0 0 0 1.055-3.167l-1.42-2.839z"/>
</g>
</svg>
<p class="label">Books</p>
<p class="label">Updates</p>
</a>
</nav>
@ -386,7 +432,7 @@ SimpleJekyllSearch({
});
$(".item.updates").click(function() {
$('#slider').removeClass().addClass('updates');
$('#slider').removeClass().addClass('blog');
$('.item').removeClass('active');
$(this).addClass('active');
@ -397,4 +443,4 @@ SimpleJekyllSearch({
</script>
</body>
</html>
</html>

+ 5
- 0
_site/blog.html View File

@ -70,6 +70,11 @@
<div class="post mb4">
<h1><a href="/new-beta-cookin.html">Hot stuff! New /beta now cookin...</a></h1>
<p>Just a quick note to say I’ve started work on the overhaul of the front-end templates. You can follow along... <a href="/new-beta-cookin.html">View Post</a></p>
</div>
<div class="post mb4">
<h1><a href="/updates-search-blog.html">HTTPS, Live Search, and a new blog</a></h1>
<p>After a few years on the backburner, we’re finally moving Chowdown up to a low simmer. We’re back with a... <a href="/updates-search-blog.html">View Post</a></p>


+ 2
- 2
_site/feed.xml View File

@ -5,8 +5,8 @@
<description>The plain text recipe database for hackers</description>
<link>http://localhost:4000/</link>
<atom:link href="http://localhost:4000/feed.xml" rel="self" type="application/rss+xml"/>
<pubDate>Wed, 19 Sep 2018 23:21:26 -0500</pubDate>
<lastBuildDate>Wed, 19 Sep 2018 23:21:26 -0500</lastBuildDate>
<pubDate>Thu, 20 Sep 2018 13:30:47 -0500</pubDate>
<lastBuildDate>Thu, 20 Sep 2018 13:30:47 -0500</lastBuildDate>
<generator>Jekyll v3.8.3</generator>
<item>


+ 108
- 0
_site/new-beta-cookin.html View File

@ -0,0 +1,108 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hot stuff! New /beta now cookin...</title>
<meta name="description" content="Just a quick note to say I’ve started work on the overhaul of the front-end templates. You can follow along at https://chowdown.io/beta. Some highlights:">
<link href="/css/bass.css" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
<link rel="canonical" href="http://localhost:4000/new-beta-cookin.html">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="http://localhost:4000/feed.xml" />
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.4/hammer.min.js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
<link rel="manifest" href="/icons/site.webmanifest">
<link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#007fff">
<link rel="shortcut icon" href="/icons/favicon.ico">
<meta name="msapplication-TileColor" content="#007fff">
<meta name="msapplication-config" content="/icons/browserconfig.xml">
<meta name="theme-color" content="#007fff">
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@chowdownapp">
<meta name="twitter:creator" content="@clarklab">
<meta name="twitter:title" content="Hot stuff! New /beta now cookin...">
<meta name="twitter:url" content="/new-beta-cookin.html">
<meta name="twitter:description" content="Chowdown">
<meta name="twitter:image:src" content="/images/crockpot-buffalo-chicken.jpg">
</head>
<body>
<div class="hero bg-blue">&nbsp;</div>
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0 z4" href="/">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 227 227" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch Beta 3.3.2 (12041) - http://www.bohemiancoding.com/sketch -->
<title>logo copy</title>
<desc>Created with Sketch Beta.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="logo-copy" sketch:type="MSLayerGroup" fill="#FFFFFF">
<path d="M113.5,207 C165.138624,207 207,165.138624 207,113.5 C207,61.8613759 165.138624,20 113.5,20 C61.8613759,20 20,61.8613759 20,113.5 C20,165.138624 61.8613759,207 113.5,207 L113.5,207 Z M113.5,227 L113.5,227 C50.8156809,227 0,176.184319 0,113.5 C0,50.8156809 50.8156809,0 113.5,0 C176.184319,0 227,50.8156809 227,113.5 C227,176.184319 176.184319,227 113.5,227 L113.5,227 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<g id="knife" transform="translate(100.444365, 117.673654) rotate(45.000000) translate(-100.444365, -117.673654) translate(32.944365, 98.173654)" sketch:type="MSShapeGroup">
<path d="M84.8406926,17.2276434 L84.8406926,10.3276433 L121.425959,10.3276433 C123.239968,10.3276433 124.743013,11.8547374 124.743013,13.7776433 C124.743013,15.7005492 123.239968,17.2276433 121.425959,17.2276433 L84.8406926,17.2276434 Z M121.425959,27.2276433 C128.79866,27.2276433 134.743013,21.1881765 134.743013,13.7776433 C134.743013,6.36711016 128.79866,0.327643333 121.425959,0.327643333 L79.8406926,0.327643333 L74.8406926,0.327643333 L74.8406926,5.32764333 L74.8406926,22.2276433 L74.8406926,27.2276433 L79.8406926,27.2276433 L121.425959,27.2276433 L121.425959,27.2276433 Z" id="Shape"></path>
<path d="M42.8784414,28.2053959 C37.2399696,26.9331427 30.579202,21.6833442 23.2201288,13.293639 C20.4167741,10.0976768 24.8641609,15.7531155 20.6881137,10.3276437 L74.3230319,10.3276438 L74.3230319,28.4943094 L45.3378631,28.49431 C44.5535914,28.49431 43.7347403,28.3986095 42.8784414,28.2053959 Z M79.323031,38.49431 L84.323031,38.49431 L84.323031,33.49431 L84.323031,5.32764333 L84.323031,0.327643333 L79.323031,0.327643333 L10.373034,0.327643333 L0.214850611,0.327643333 L6.41083447,8.37739328 C10.7163464,13.9710641 12.7119335,16.4785814 15.7023967,19.8878565 C24.3571851,29.7547408 32.3975833,36.0919188 40.6773965,37.960159 C42.2393166,38.3125874 43.7942062,38.4943099 45.3378629,38.49431 L79.323031,38.49431 Z" id="Shape"></path>
</g>
<g id="fork" transform="translate(116.291901, 118.192155) rotate(45.000000) translate(-116.291901, -118.192155) translate(96.791901, 49.192155)" sketch:type="MSShapeGroup">
<path d="M14.6827731,47.7007172 L14.6827731,132.30035 C14.6827731,135.061774 16.9213494,137.30035 19.6827731,137.30035 C22.4441969,137.30035 24.6827731,135.061774 24.6827731,132.30035 L24.6827731,47.7007172 C24.6827731,44.9392935 22.4441969,42.7007172 19.6827731,42.7007172 C16.9213494,42.7007172 14.6827731,44.9392935 14.6827731,47.7007172 L14.6827731,47.7007172 Z" id="Shape"></path>
<path d="M38.6827731,32.9433579 C38.6827731,43.4367682 30.1761834,51.9433579 19.6827731,51.9433579 C9.18936286,51.9433579 0.682773109,43.4367682 0.682773109,32.9433579 L38.6827731,32.9433579 L38.6827731,32.9433579 Z M0.682773109,0.3572034 L8.071662,0.3572034 L8.071662,32.9433579 L0.682773109,32.9433579 L0.682773109,0.3572034 L0.682773109,0.3572034 Z M31.2938842,0.3572034 L38.6827731,0.3572034 L38.6827731,32.9433579 L31.2938842,32.9433579 L31.2938842,0.3572034 L31.2938842,0.3572034 Z M15.9883287,0.3572034 L23.3772176,0.3572034 L23.3772176,32.9433579 L15.9883287,32.9433579 L15.9883287,0.3572034 L15.9883287,0.3572034 Z" id="Oval-2"></path>
</g>
</g>
</g>
</svg>
<h1 class="hide">Chowdown</h1>
</a>
<div class="post container max-width-2 px2">
<h1>Hot stuff! New /beta now cookin...</h1>
<p>Just a quick note to say I’ve started work on the overhaul of the front-end templates. You can follow along at <a href="https://chowdown.io/beta">https://chowdown.io/beta</a>. Some highlights:</p>
<ul>
<li><strong>Mobile First.</strong> In fact, maybe don’t check it on desktop yet.</li>
<li><strong>Tabbed View.</strong> New bottom nav for easier jumping.</li>
<li><strong>Books.</strong> Aka cookbooks aka collections aka groups are coming soon.</li>
<li><strong>Live Search.</strong> It’s been working, now it’s being featured.</li>
<li><strong>Blog</strong>. Same. We’ve had one, now it has a home.</li>
</ul>
<p>I’ve got a handful of other things coming soon, excited to share with y’all. Until then, happy cooking!</p>
<p class="meta bg-darken-1 p2 mb4">Posted by <a href="https://github.com/clarklab">@clarklab</a> on Sep 20, 2018</p>
</div>
<footer class="footer bg-darken-1 clearfix py4 mt3">
<div class="container px3 sm-px4">
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | <a href="/blog">Blog</a> | </a>Subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<p class="right-align mb2">Made with <svg class="js-geomicon geomicon" height="0.8em" data-icon="heart" viewBox="0 0 32 32" style="fill:#007FFF"><title>heart icon</title><path d="M0 10 C0 6, 3 2, 8 2 C12 2, 15 5, 16 6 C17 5, 20 2, 24 2 C30 2, 32 6, 32 10 C32 18, 18 29, 16 30 C14 29, 0 18, 0 10"></path></svg> by <a href="http://twiter.com/clarklab">@clarklab</a></p>
</div>
</div>
</div>
</footer>
</body>
</html>

Loading…
Cancel
Save