mirror of https://github.com/vapor/docs.git
updated template style
This commit is contained in:
Tanner Nelson
parent
cbf291a94a
commit
20e05cb892
|
|
@ -1,5 +1,5 @@
|
|||
template:
|
||||
url: https://github.com/CouscousPHP/Template-Dark
|
||||
directory: template
|
||||
|
||||
title: Vapor Documentation
|
||||
subTitle: A web framework and server for Swift that works on macOS and Ubuntu.
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ To use Swift 3 on macOS, you need to have Xcode 8 installed and selected.
|
|||
|
||||
To download Xcode 8, visit [Apple Developer Downloads](https://developer.apple.com/download/).
|
||||
|
||||
[](https://developer.apple.com/download/)
|
||||
|
||||
|
||||
|
||||
## Install
|
||||
|
|
|
|||
|
|
@ -0,0 +1,57 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>{{ title }}</title>
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand:400,700,300">
|
||||
<link rel="stylesheet" href="{{ baseUrl }}/styles/qutheory-code.css">
|
||||
<link rel="stylesheet" href="{{ baseUrl }}/styles/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<a class="logo" href="{{ baseUrl }}/">
|
||||
<img src="{{ baseUrl }}/images/droplet.svg" alt="Vapor">
|
||||
<h1>Vapor <em>Docs</em></h1>
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
<div class="scroll">
|
||||
{% for section in menu.sections %}
|
||||
<section>
|
||||
<h3>{{ section.name }}</h3>
|
||||
<ul>
|
||||
{% for itemId, item in section.items %}
|
||||
<li class="{{ itemId == currentMenu ? 'active' }}">
|
||||
<a href="{{ item.absoluteUrl|default(baseUrl ~ '/' ~ item.relativeUrl) }}">
|
||||
{{ item.text | raw }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
{{ content | raw }}
|
||||
</main>
|
||||
|
||||
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
|
||||
<script src="{{ baseUrl}}/scripts/highlight.pack.js"></script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
// Syntax highlighting
|
||||
hljs.initHighlightingOnLoad();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 -5 48 60" enable-background="new 0 0 48 48" xml:space="preserve">
|
||||
<defs>
|
||||
<linearGradient id="linear" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" stop-color="#F7CAC9"/>
|
||||
<stop offset="100%" stop-color="#92A8D1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="url(#linear)" fill="white" fill-opacity="0" stroke-width="3" d="M24.8,0.9c-0.4-0.5-1.2-0.5-1.6,0C19.8,5.3,7.1,22.5,7.1,30.6c0,9.3,7.6,16.9,16.9,16.9s16.9-7.6,16.9-16.9 C40.9,22.5,28.2,5.3,24.8,0.9z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 550 B |
Binary file not shown.
|
After Width: | Height: | Size: 240 KiB |
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,202 @@
|
|||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
font-family: -webkit-system-font, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #94a9d1;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #f6cfcf;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 48px;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #333;
|
||||
margin: 0;
|
||||
font-family: 'Quicksand';
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
a.logo {
|
||||
display: block;
|
||||
position: relative;
|
||||
border-bottom: none;
|
||||
padding-left: 72px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
a.logo h1 {
|
||||
margin: 0;
|
||||
font-size: 36px;
|
||||
line-height: 96px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
a.logo h1 em {
|
||||
font-style: normal;
|
||||
color: rgba(0, 0, 0, 0.4);
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
a.logo img {
|
||||
left: 24px;
|
||||
top: 24px;
|
||||
position: absolute;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
header {
|
||||
height: 96px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
border-bottom: 3px solid #94a9d1;
|
||||
}
|
||||
|
||||
nav {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 200px;
|
||||
|
||||
z-index: 8;
|
||||
padding-top: 96px;
|
||||
|
||||
font-size: 14px;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-bottom: none;
|
||||
font-weight: 200;
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
color: #777;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
color: #94a9d1;
|
||||
}
|
||||
|
||||
nav .active a {
|
||||
color: #94a9d1;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
nav h3 {
|
||||
text-transform: uppercase;
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
margin-bottom: 4px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
nav ul, nav ul li {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
div.scroll {
|
||||
padding: 22px;
|
||||
overflow-y: scroll;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
main {
|
||||
color: #555;
|
||||
font-weight: 200;
|
||||
padding: 22px;
|
||||
padding-top: 110px;
|
||||
padding-left: 222px;
|
||||
|
||||
position: absolute;
|
||||
position: relative;
|
||||
z-index: 6;
|
||||
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
|
||||
overflow-y: scroll;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
main h2 {
|
||||
margin-top: 24px;
|
||||
border-bottom: 1px dotted rgba(0, 0, 0, 0.10);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
main p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
font-size: 12px;
|
||||
font-family: 'Source Code Pro', monospace;
|
||||
}
|
||||
|
||||
p code {
|
||||
background: #fbfbfb;
|
||||
border-radius: 10px;
|
||||
padding: 3px;
|
||||
display: inline-block;
|
||||
color: #92a0b9;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
padding: 5px;
|
||||
background: #fbfbfb;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 3px 0px 0px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
/**
|
||||
* GitHub Gist Theme
|
||||
* Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
|
||||
*/
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
padding: 0.5em;
|
||||
color: #92a0b9;
|
||||
background: none;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-meta {
|
||||
color: #969896;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-strong,
|
||||
.hljs-emphasis,
|
||||
.hljs-quote {
|
||||
color: #9cc074;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-type {
|
||||
color: #9f69c4;
|
||||
}
|
||||
|
||||
.hljs-literal,
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-attribute {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.hljs-section,
|
||||
.hljs-name {
|
||||
color: #63a35c;
|
||||
}
|
||||
|
||||
.hljs-tag {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.hljs-title,
|
||||
.hljs-attr,
|
||||
.hljs-selector-id,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
color: #55a532;
|
||||
background-color: #eaffea;
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
color: #bd2c00;
|
||||
background-color: #ffecec;
|
||||
}
|
||||
|
||||
.hljs-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
Loading…
Reference in New Issue