misc fixes and tweaks

This commit is contained in:
a 2021-12-16 03:10:31 -06:00
parent d2405fd915
commit ff204d9bc6
4 changed files with 19 additions and 9 deletions

View file

@ -44,6 +44,13 @@
h5 {font-size: 1.2em} h5 {font-size: 1.2em}
h6 {font-size: 1em} h6 {font-size: 1em}
h1 {font-size: 1.8em}
h2 {font-size: 1.600em}
h3 {font-size: 1.423em}
h4 {font-size: 1.265em}
h5 {font-size: 1.125em}
h6 {font-size: 1em}
blockquote { blockquote {
font-size: 1em; font-size: 1em;
margin: 1em 0; margin: 1em 0;

View file

@ -50,7 +50,7 @@
&::before { &::before {
content: " "; content: " ";
position: absolute; position: absolute;
top: 0.75em; top: 1.25em;
width: 2em; width: 2em;
height: 2em; height: 2em;
z-index: 1; z-index: 1;

View file

@ -181,16 +181,17 @@
border-radius: 100em; border-radius: 100em;
padding: 0 0.5em; padding: 0 0.5em;
border: 0.25em solid #303643; border: 0.25em solid #303643;
background: #303643;
} }
} }
.old .card__head:before { .old .card__head:before {
content: 'OLD'; content: 'OLD';
color: hsl(0,40%,80%); color: #c89bae;
} }
.new .card__head:before { .new .card__head:before {
content: 'NEW'; content: 'NEW';
color: hsl(120,40%,80%); color: #aec89b;
} }
.methods ul, .entities ul { .methods ul, .entities ul {
list-style-type: disc; list-style-type: disc;
@ -254,9 +255,6 @@
cite { cite {
margin-top: 1em; margin-top: 1em;
text-align: right; text-align: right;
display: flex;
flex-flow: column;
justify-content: end;
em { em {
font-weight: 700; font-weight: 700;
} }

View file

@ -55,6 +55,7 @@ cover: "/images/mastodocs.jpg"
<p>So... yeah, that's how this all happened.</p> <p>So... yeah, that's how this all happened.</p>
</div> </div>
</section> </section>
<!--
<section class="section" id="overview"> <section class="section" id="overview">
<div class="container"> <div class="container">
<h2 class="title">So, what did all this entail?</h2> <h2 class="title">So, what did all this entail?</h2>
@ -68,9 +69,10 @@ cover: "/images/mastodocs.jpg"
</section> </section>
</div> </div>
</section> </section>
-->
<section class="section" id="process"> <section class="section" id="process">
<div class="container"> <div class="container">
<h2 class="title">Let me show you how I applied my process.</h2> <h2 class="title">Let me show you what I did.</h2>
<section id="user"> <section id="user">
<h3 class="subtitle">A brand new user guide</h3> <h3 class="subtitle">A brand new user guide</h3>
<div class="structure"> <div class="structure">
@ -294,17 +296,20 @@ cover: "/images/mastodocs.jpg"
<ul> <ul>
<li>bookmarks</li> <li>bookmarks</li>
<li>favourites</li> <li>favourites</li>
<li>mutes</li>
<li>...</li> <li>...</li>
</ul> </ul>
<li>statuses</li> <li>statuses</li>
<ul> <ul>
<li>media</li> <li>media</li>
<li>...</li> <li>polls</li>
<li>scheduled_statuses</li>
</ul> </ul>
<li>timelines</li> <li>timelines</li>
<ul> <ul>
<li>conversations</li> <li>conversations</li>
<li>...</li> <li>lists</li>
<li>markers</li>
<li>streaming</li> <li>streaming</li>
</ul> </ul>
<li>notifications</li> <li>notifications</li>