Browse Source

Added whitespace, reduced text brightness

master
Muthu Kumar 7 years ago
parent
commit
5213c9e033
  1. 45
      index.html
  2. 19
      style.css

45
index.html

@ -18,25 +18,14 @@
<body class="logged-in env-production"> <body class="logged-in env-production">
<article class="markdown-body entry-content" itemprop="text"> <article class="markdown-body entry-content" itemprop="text">
<p> <div class="hero">
<br> <p alt="up—quick server blocks in one command" align="center">
<br> <img src="./icon.png" style="max-width:100%;" height="60">
<br> </p>
<br> <p align="center">quick
<br> <em>nginx</em> server blocks in one command</p>
</p> </p>
<p alt="up—quick server blocks in one command" align="center"> </div>
<img src="./icon.png" style="max-width:100%;" height="60">
</p>
<p align="center">quick
<em>nginx</em> server blocks in one command</p>
<p>
<br>
<br>
<br>
<br>
<br>
</p>
<h1> <h1>
<a href="#up" aria-hidden="true" class="anchor" id="up"> <a href="#up" aria-hidden="true" class="anchor" id="up">
<svg fill="#AAA" aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"> <svg fill="#AAA" aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16">
@ -47,7 +36,8 @@
<p> <p>
Quickly deploy code from anywhere using Quickly deploy code from anywhere using
<code>up</code> <code>up</code>
</p><br> </p>
<br>
<blockquote> <blockquote>
<p>Current version: <p>Current version:
<code>up v.0.1.5 (Pre-Alpha)</code> <code>up v.0.1.5 (Pre-Alpha)</code>
@ -73,11 +63,11 @@
<a href="https://github.com/codefeathers/up-serve">Github!</a> <a href="https://github.com/codefeathers/up-serve">Github!</a>
</p> </p>
<h2> <h2>
<a href="#installation" aria-hidden="true" class="anchor" id="installation"> <a href="#installation" aria-hidden="true" class="anchor" id="installation">
<svg fill="#AAA" aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"> <svg fill="#AAA" aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16">
<path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path> <path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path>
</svg> </svg>
</a>Installation</h2> </a>Installation</h2>
<p>As of now, <p>As of now,
<code>up</code> only supports Debian and Ubuntu based distros. Support for more distros will come soon. Add an issue to bump this process.</p> <code>up</code> only supports Debian and Ubuntu based distros. Support for more distros will come soon. Add an issue to bump this process.</p>
<p>You will need to have <p>You will need to have
@ -147,8 +137,9 @@
</a> </a>
</p> </p>
<p class="se-icon" style="margin-bottom: 0 !important"> <p class="se-icon" style="margin-bottom: 0 !important">
<a href="http://js.org" target="_blank" title="JS.ORG | JavaScript Community"> <a href="http://js.org" target="_blank" title="JS.ORG | JavaScript Community">
<img src="http://logo.js.org/dark_tiny.png" width="77" alt="JS.ORG Logo"/></a> <img src="http://logo.js.org/dark_tiny.png" width="77" alt="JS.ORG Logo" />
</a>
</p> </p>
</article> </article>

19
style.css

@ -6,7 +6,7 @@ html {
body { body {
background: #000; background: #000;
color: #fff; color: #ddd;
margin: auto 8%; margin: auto 8%;
word-wrap: break-word; word-wrap: break-word;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@ -14,6 +14,10 @@ body {
line-height: 1.5; line-height: 1.5;
} }
.hero {
padding: 30vh 0;
}
.octicon { .octicon {
display: inline-block; display: inline-block;
vertical-align: text-top; vertical-align: text-top;
@ -42,11 +46,6 @@ strong {
font-weight: bolder font-weight: bolder
} }
h1 {
font-size: 2em;
margin: 0.67em 0
}
img { img {
border-style: none border-style: none
} }
@ -127,13 +126,13 @@ button {
h1, h1,
h2 { h2 {
margin-top: 0; margin: 30px 0;
margin-bottom: 0 color: #ccc
} }
h1 { h1 {
font-size: 32px; font-size: 32px;
font-weight: 600 font-weight: 600;
} }
h2 { h2 {
@ -266,8 +265,6 @@ code {
.markdown-body h1, .markdown-body h1,
.markdown-body h2 { .markdown-body h2 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600; font-weight: 600;
line-height: 1.25 line-height: 1.25
} }

Loading…
Cancel
Save