Skip to content
Permalink
Browse files

Tweaks header layout

  • Loading branch information...
davidmerfield committed Sep 12, 2019
1 parent c3140eb commit 2abd8562fe3e769a1090976873a0cf094e11368f
@@ -122,7 +122,6 @@ content {
.sidebar a {padding-left:1rem;padding-right: 1rem}
}

.links a {line-height: 43px}

.links a,
.sidebar a,
@@ -135,6 +134,8 @@ content {
text-decoration: none;
}

.links a {line-height: 43px;color:#000;}


.links a:focus,
.sidebar a:focus,
@@ -190,8 +191,8 @@ header hr,
}

.logo svg {
width: 34px;
margin: 16px 0;
width: 26px;
margin: 0 10px 0 0;
fill: #000;
stroke: #000;
vertical-align: text-bottom;
@@ -214,4 +215,4 @@ header hr,
}

header .logo,
header .logo:focus {}
header .logo:focus {display:flex;align-items:center;margin:20px 0;font-weight: 500;color:#000;}
@@ -23,7 +23,6 @@ ul.sidebar {
/* [2] */
align-self: flex-start;
/* [3] */
border-right: 1px solid #eceff1
}

/*ul.sidebar:hover a {color: black}*/
@@ -46,7 +46,7 @@ <h1>A blogging platform with no interface</h1>
</code></pre></background> -->

<br><Br>
<a class="video " href="/videos/publishing-with-blot.mp4" title="Play video">
<a class="video" href="/videos/publishing-with-blot.mp4" title="Play video">


<pre class="folder" title="Your blog"><code>Drafts
@@ -8,7 +8,7 @@
align-items: center;">

{{#unless user}}
<a class="logo {{selected.index}}" title="Blot" href="/" >{{> logo}}</a>
<a class="logo {{selected.index}}" title="Blot" href="/" >{{> logo}} Blot</a>
{{/unless}}
{{#if user}}
<a href="/" style="color:#aaa">&larr; &nbsp; Back to your blogs</a>
@@ -17,7 +17,7 @@

</section>

<section class="links">
<section class="links" style="font-weight:500;color:#000">
<label for="toggle">Menu</label>
{{#unless user}}
<a href="/sign-up">Sign up</a>
@@ -1,9 +1,12 @@
{{> head}}

<style type="text/css">.logo:hover {text-decoration: underline;}.logo {font-weight: 500;color:#000;margin:20px 0;align-items:center;display: flex}</style>


<body>
<div style="display:flex;padding: 0 2rem">
<div style="flex-basis:18.2rem;flex-shrink:1">
<a class="logo {{selected.index}}" title="Blot" href="/" >{{> logo}}</a>
<a class="logo {{selected.index}}" title="Blot" href="/" >{{> logo}} Blot</a>
<hr style="border:none;margin:0;border-bottom:1px solid #eceff1;">
</div>
<style type="text/css">
@@ -1,18 +1,19 @@
{{> head}}

<style type="text/css">.logo:hover {text-decoration: underline;}.logo {font-weight: 500;color:#000;margin:20px 0;align-items:center;display: flex}</style>
<body>
<div style="display:flex;padding: 0 2rem">
<div style="flex-basis:18.2rem;flex-shrink:1">
<a class="logo {{selected.index}}" title="Blot" href="/" >{{> logo}}</a>
<a class="logo {{selected.index}}" title="Blot" href="/" >{{> logo}} Blot</a>
<hr style="border:none;margin:0;border-bottom:1px solid #eceff1;">
</div>

{{#if selected.log-in}}
<p style="white-space:nowrap;margin:20px 0;color:#aaa"><span style="color:black">Log in</span><span class="arrow">&rarr;</span>Dashboard</p>
<p style="white-space:nowrap;margin:20px 0;color:#aaa"><span style="font-weight:500;color:black">Log in</span><span class="arrow">&rarr;</span>Dashboard</p>
{{/if}}

{{#if selected.sign-up}}
<p style="white-space:nowrap;margin:20px 0;color:#aaa"><span style="color:black">Sign up</span><span class="arrow">&rarr;</span>Create blog</p>
<p style="white-space:nowrap;margin:20px 0;color:#aaa"><span style="font-weight:500;color:black">Sign up</span><span class="arrow">&rarr;</span>Create blog</p>
{{/if}}
</div>

0 comments on commit 2abd856

Please sign in to comment.
You can’t perform that action at this time.