1
0
mirror of https://github.com/actix/actix-website synced 2024-11-23 16:31:08 +01:00
This commit is contained in:
krircc 2018-01-07 11:00:34 +08:00
parent d25fb2482c
commit a33bfa306c
19 changed files with 556 additions and 0 deletions

6
.cobalt.yml Normal file
View File

@ -0,0 +1,6 @@
name: Actix-web framework
source: "."
dest: "build"
ignore:
- .git/*
- build/*

3
.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
.DS_Store
build/

3
_includes/footer.liquid Normal file
View File

@ -0,0 +1,3 @@
<div >
<p>Made ❤️ by the <a href="https://cobalt-org.github.io/">Cobalt</a> with the <a href="https://github.com/krircc/beautiful">beautiful</a> theme</p>
</div>

6
_includes/head.liquid Normal file
View File

@ -0,0 +1,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1,user-scalable=no,shrink-to-fit=no">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ title }}</title>
<link rel="stylesheet" href="/public/css/styles.css">
<link rel="shortcut icon" href="/public/imgs/favicon.ico">

12
_includes/header.liquid Normal file
View File

@ -0,0 +1,12 @@
<div id="mnav">
<div id="lnav">
<h1><a href="/">Actix</a></h1>
<label ><a href="#" id="menu">menu</a></label>
</div>
<div id="rnav">
<li> <a href="/tutorials" title="tutorials">Tutorials</a></li>
<li> <a href="/docs" title="docs">Docs</a></li>
<li> <a href="/community" title="community">Community</a></li>
<li> <a href="/more" title="github">More</a></li>
</div>
</div>

17
_layouts/default.liquid Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
{% include "head.liquid" %}
</head>
<body>
<header>
{% include "header.liquid" %}
</header>
<main>
{{ content }}
</main>
<footer>
{% include "footer.liquid" %}
</footer>
</body>
</html>

41
_layouts/docs.liquid Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
{% include "head.liquid" %}
</head>
<body>
<header>
{% include "header.liquid" %}
</header>
<main>
<section class="docs">
<div class="inner">
<aside>
<p>Basics</p>
<ul>
<li><a {%if route == "Basics-example"%}class="active"{%endif%} href="/docs/Basics-example.html">Basics Example</a></li>
</ul>
<p>Reference</p>
<ul>
<li><a {%if route == "Reference-example"%}class="active"{%endif%} href="/docs/Reference-example.html">Reference Example</a></li>
</ul>
<p>Advance</p>
<ul>
<li><a {%if route == "Advance-example"%}class="active"{%endif%} href="/docs/Advance-example.html">Advance Example</a></li>
</ul>
<p>Misc</p>
<ul>
<li><a {%if route == "Misc-example"%}class="active"{%endif%} href="/docs/Misc-example.html">Misc Example</a></li>
</ul>
</aside>
<main>
{{ content }}
</main>
</div>
</section>
</main>
<footer>
{% include "footer.liquid" %}
</footer>
</body>
</html>

17
_layouts/post.liquid Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
{% include "head.liquid" %}
</head>
<body>
<header>
{% include "header.liquid" %}
</header>
<main>
{{ content }}
</main>
<footer>
{% include "footer.liquid" %}
</footer>
</body>
</html>

14
community.md Normal file
View File

@ -0,0 +1,14 @@
extends: default.liquid
path: /:filename/
---
<section >
<div >
## Examples
The words is comming.
</div>
</section>

8
docs/Advance-example.md Normal file
View File

@ -0,0 +1,8 @@
extends: docs.liquid
title: "Docs::Advance Example"
route: Advance-example
---
## Advance Example
The words is comming.

8
docs/Basics-example.md Normal file
View File

@ -0,0 +1,8 @@
extends: docs.liquid
title: "Docs::Basics Example"
route: Basics-example
---
## Basics Example
The words is comming.

7
docs/Misc-example.md Normal file
View File

@ -0,0 +1,7 @@
extends: docs.liquid
title: "Docs::Misc Example"
route: Misc-example
---
## Misc Example
The words is comming.

View File

@ -0,0 +1,8 @@
extends: docs.liquid
title: "Docs::Reference Example"
route: Reference-example
---
## Reference Example
The words is comming.

59
index.liquid Normal file
View File

@ -0,0 +1,59 @@
extends: default.liquid
title: Actix-web framework
---
<section class="introduction">
<div>
<div id="top">
<h1>Actix-web framework</h1>
<p>Actix-web is a fast, down-to-earth, open source rust web framework.</p>
<div>
<button><a href="https://actix.github.io/tutorials" >Start</a></button>
<button><a href="https://actix.github.io/docs" >Learn</a></button>
</div>
</div>
<div id="Features">
<div id="feature" class="columns three">
<article>
<h3>Type Safe</h3>
<p>The words is comming.</p>
</article>
<article>
<h3>Stability</h3>
<p>The words is comming.</p>
</article>
<article>
<h3>Extensible</h3>
<p>The words is comming.</p>
</article>
</div>
<div id="feature" class="columns three">
<article>
<h3>Async Everything</h3>
<p>The words is comming.</p>
</article>
<article>
<h3>Blazingly Fast</h3>
<p>The words is comming.</p>
</article>
<article>
<h3>Easy To Use</h3>
<p>The words is comming.</p>
</article>
</div>
<div id="feature" class="columns three">
<article>
<h3>HTTP/1.x and HTTP/2.0</h3>
<p>The words is comming.</p>
</article>
<article>
<h3>Streaming and pipelining</h3>
<p>The words is comming.</p>
</article>
<article>
<h3>WebSockets</h3>
<p>The words is comming.</p>
</article>
</div>
</div>
</div>
</section>

14
more.md Normal file
View File

@ -0,0 +1,14 @@
extends: default.liquid
path: /:filename/
---
<section >
<div >
## Examples
The words is comming.
</div>
</section>

318
public/css/styles.css Normal file
View File

@ -0,0 +1,318 @@
:root {
--orange: #F1592A;
--dark-orange: #A12700;
--light-orange: #FF9C7C;
--dark-grey: #58585A;
--med-grey: #818285;
--light-grey: #D1D2D4;
--med-dark-grey: #6D6E71;
--black: #000;
--white: #fff;
--font-stack: helvetica, arial, sans-serif;
--breakpoint: 55rem;
}
*, *:before, *:after {
box-sizing: border-box;
padding:0px; margin:0px;
}
body {
border-top: 4px solid var(--orange);
font-family: var(--font-stack);
line-height: 1.4rem;
}
a {
color: var(--orange);
/* color: inherit; */
text-decoration: none;
}
a:hover { color:#067a1f;text-decoration:underline; }
ul, ol, li {
list-style: none;
}
/* ----------------------------------------nav----------------------------------------*/
#lnav {
position: fixed;
width: 100%;
line-height: 60px;
zoom:1;
display: flex;
background-color: white;
justify-content: space-between;
border-bottom: 1px solid #dfdcdc;
box-shadow: 0 3px 3px rgba(200, 216, 206, 0.12), 0 3px 3px rgba(97, 107, 100, 0.24);
}
#lnav h1 a {
font-size: 33px;
margin: auto 2vw;
font-weight: bold;
}
#lnav label {
float: right;
font-size: 26px;
font-weight: bold;
margin: auto 2vw;
}
/* ----------------------------------------main----------------------------------------*/
section.docs aside ul li a {
display: inline-block;
margin-bottom: 0.25rem;
text-decoration: none;
transition: all 0.15s ease-in-out;
}
section.docs aside ul li a.active,
section.docs aside ul li a:hover,
section.docs aside ul li a:active,
section.docs aside ul li a:focus {
font-weight: bold;
background: var(--orange);
color: var(--white);
padding: 0.25rem 0.5rem;
border-radius: 3px;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: var(--dark-grey);
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
text-shadow: none;
}
code {
padding: 2px 4px;
font-size: 90%;
background-color: #f5f5f5;
border-radius: 4px;
border: 1px solid #ccc;
color: var(--dark-grey);
text-shadow: none;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
border: 0;
}
/* ----------------------------------------footer----------------------------------------*/
footer {
text-align: center;
background-color: #f9f9f9;
justify-content: center;
}
footer p {
margin: 0;
font-weight: lighter;
padding: 1rem 0;
}
/* ----------------------------------------home page----------------------------------------*/
#top {
background-color: rgb(243, 225, 123);
padding: 2rem;
text-align: center;
line-height: 3rem;
}
#top h1 {
font-size: 3rem;
color: #b71fdd;
}
#top p {
font-size: 1.5rem;
color: rgb(240, 105, 60);
}
#top button {
margin-right: 15px;
font-size: 18px;
padding: 8px 30px;
background-color: rgb(21, 233, 109);
border: none;
}
#Features {
margin-top: 2rem;
padding: 0 1rem;
}
#Features #feature {
margin-bottom: 2rem;
}
#Features article h3 {
font-size: 1.5rem;
color: #b71fdd;
}
#Features article p {
padding: 1rem 0;
}
/* ----------------------------------------mobile----------------------------------------*/
@media only screen and (max-width: 600px) {
#rnav {
display: none;
}
section {
margin: 5rem auto 2rem ;
width: 94%;
}
}
/* ----------------------------------------table----------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 1000px) {
#menu {
display: none;
}
#lnav h1 a {
font-size: 33px;
margin: auto 6vw;
font-weight: bold;
}
#rnav {
position: fixed;
right: 0;
line-height: 60px;
padding-right: 6vw;
}
#rnav li {
display: inline-block;
}
#rnav li a {
font-size: 20px;
font-weight: bold;
padding-left: 2vw;
}
main {
margin: 0 auto;
width: 88%;
}
section {
margin-top: 3rem;
padding: 2rem 0;
position: relative;
}
section.docs .inner {
display: flex;
}
section.docs aside {
flex: 0 1 30%;
}
section.docs main {
flex: 0 1 70%;
}
.columns {
display: flex;
}
.columns.three > article {
flex: 0 1 33%;
margin-right: 1.5%;
}
.columns.three > article:last-child {
margin-right: 0;
}
}
/* ----------------------------------------desktop----------------------------------------*/
@media only screen and (min-width: 1000px) {
#menu {
display: none;
}
#lnav h1 a {
font-size: 33px;
margin: auto 11vw;
font-weight: bold;
}
#rnav {
position: fixed;
right: 0;
line-height: 60px;
padding-right: 10vw;
}
#rnav li {
display: inline-block;
}
#rnav li a {
font-size: 20px;
font-weight: bold;
padding-left: 2vw;
}
main {
margin: 0 auto;
width: 77%;
}
section {
margin-top: 4rem;
padding: 2rem 0;
position: relative;
}
section.docs .inner {
display: flex;
}
section.docs aside {
flex: 0 1 30%;
}
section.docs aside p {
font-size: 1.3rem;
font-weight: bold;
}
section.docs main {
flex: 0 1 70%;
}
.columns {
display: flex;
}
.columns.three > article {
flex: 0 1 33%;
margin-right: 1.5%;
}
.columns.three > article:last-child {
margin-right: 0;
}
}

BIN
public/imgs/ACTIX.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
public/imgs/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

15
tutorials.md Normal file
View File

@ -0,0 +1,15 @@
extends: default.liquid
path: /:filename/
---
<section >
<div >
## Examples
The words is comming.
</div>
</section>