Merge pull request #56 from aajjbb/site-improvements

New site redesign
This commit is contained in:
Daniel Hahler 2017-01-20 23:28:20 +01:00 committed by GitHub
commit 12c46b5459
7 changed files with 230 additions and 64 deletions

View File

@ -24,6 +24,13 @@ open `index.html` when following a link to a directory:
$ cd html
$ python3 -m http.server -b localhost 8000 &
## Contributing to the Screenshots Section
To contribute with Screenshots:
1. Add your image to the folder images/screenshots with an appropiated name.
2. Add a new <figure> tag in the bottom of *screenshots.mdwn*,
3. Inside the new tag, add the screenshots with a <img> tag and use the <figcaption> to add caption to the image, explaining what is being used on the screenshot.
## Contributing to Recipes Section
1. Fork this repository and create a new branch with a name relevant to the information you will be adding to the site.

View File

@ -1,3 +1,5 @@
# Community
**awesome** has an active and growing community.
# IRC

114
images/awesome-logo.svg Normal file
View File

@ -0,0 +1,114 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="520"
height="64"
id="svg2"
sodipodi:docname="Awesome_logo_horizontal3.svg"
inkscape:version="0.92.0 r">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1062"
id="namedview42"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="1.3100951"
inkscape:cx="208.7345"
inkscape:cy="-24.8331"
inkscape:window-x="0"
inkscape:window-y="18"
inkscape:window-maximized="1"
inkscape:current-layer="svg2" />
<metadata
id="metadata8">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs6" />
<path
d="M 0,63.999999 V 22 H 43.999999 V 20 H 0 V 0 h 63.999999 v 63.999999 h -20 V 42 H 20 v 2 h 21.999999 v 19.999999 z"
id="path10"
style="fill:#535d6c"
inkscape:connector-curvature="0" />
<path
style="fill:#535d6c"
id="path5121"
d="M 75.999999,0 H 118 v 43.999999 h 2 V 0 h 20 V 63.999999 H 75.999999 c 0.03867,-19.975266 1.21505,-20 22,-20 V 0 l -2,3.13e-4 v 44.03356 l -20,19.966102 z"
inkscape:connector-curvature="0" />
<path
d="m 216,0 v 42 h -44 v 2 h 44 V 64 H 152 V 0 c 19.97527,0.03867 20,1.21505 20,22 h 44 l -3.1e-4,-2 H 171.96613 L 152.00002,0 Z"
id="path5123"
style="fill:#535d6c"
inkscape:connector-curvature="0" />
<path
style="fill:#535d6c"
id="path5125"
d="M 292,63.999999 V 22 h -44 v -2 h 44 V 0 h -64 v 42.011827 l 20,-0.01183 v 0 h 24 v 2.09375 h -44 l -0.009,19.906249 z"
inkscape:connector-curvature="0" />
<path
d="m 324.3125,63.999999 c 0,-43.882671 0.18277,-0.110242 -0.0915,-43.999999 h 0.88388 42.89515 V 0 h -64 c 0,63.768424 -0.009,0.109806 -0.009,63.999996 z"
id="path5127"
style="fill:#535d6c"
inkscape:connector-curvature="0" />
<path
d="m 380,63.999999 h 42 V 20.000001 h 2 v 43.999998 h 20 V 0 h -64 c 0.0387,19.975267 1.21505,20.000001 22,20.000001 v 43.999998 l -2,-3.13e-4 V 19.966127 L 380,2.4e-5 Z"
id="path5129"
style="fill:#535d6c"
inkscape:connector-curvature="0" />
<path
style="fill:#535d6c"
id="path5131"
d="m 520,0 v 42 h -44 v 2 h 44 V 64 H 456 V 0 c 19.97527,0.03867 20,1.21505 20,22 h 44 l -3.1e-4,-2 H 475.96613 L 456.00002,0 Z"
inkscape:connector-curvature="0" />
<path
style="fill:#535d6c"
id="path5135"
d="m 332.34911,63.999999 c 0,-44.007671 -0.003,-0.02174 -0.003,-43.999999 0,0 30.24668,0 35.65403,0 V 0 h -64 c 0,63.768424 -0.009,0.109806 -0.009,63.999996 z"
inkscape:connector-curvature="0" />
<path
d="m 334.99382,63.999999 c 0,0 -0.003,-0.02174 -0.003,-43.999999 h 32.71653 V 0 h -63.70721 c 0,63.768424 -0.009,0.109806 -0.009,63.999996 z"
id="path5137"
style="fill:#535d6c"
inkscape:connector-curvature="0" />
<path
style="fill:#535d6c"
id="path5162"
d="m 347.67867,0 c 0,43.882671 -0.18277,0.110242 0.0915,43.999999 h -0.88388 -42.89515 v 20 h 64 c 0,-63.768424 0.009,-0.109806 0.009,-63.999996 z"
inkscape:connector-curvature="0" />
<path
d="m 339.64206,0 c 0,44.007671 0.003,0.02174 0.003,43.999999 0,0 -30.24668,0 -35.65403,0 v 20 h 64 c 0,-63.768424 0.009,-0.109806 0.009,-63.999996 z"
id="path5164"
style="fill:#535d6c"
inkscape:connector-curvature="0" />
<path
style="fill:#535d6c"
id="path5166"
d="m 336.99735,0 c 0,0 0.003,0.02174 0.003,43.999999 h -32.71653 v 20 h 63.70721 c 0,-63.768424 0.009,-0.109806 0.009,-63.999996 z"
inkscape:connector-curvature="0" />
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -1,6 +1,4 @@
<div id="logo">
[[!img images/icons/aw_64_shadow.png alt="awesome logo"]]
</div>
# Home
**awesome** is a highly configurable, next generation framework window
manager for X. It is very fast, extensible and licensed under the

127
local.css
View File

@ -7,10 +7,10 @@
body {
margin: 0px;
background: url(images/top_bg.gif);
background-repeat: repeat-x;
width: 100%;
color: black;
font-family: Verdana, Arial, sans-serif;
font-size: 0.8em;
font-size: 0.8em;
}
p {
@ -19,21 +19,28 @@ p {
padding: 0px;
}
h2 {
color: #347272;
margin:0px;
padding:0px;
font-size: 15px;
}
ul {
margin:0;
padding:0;
list-style-image: url(images/bullet.gif);
}
h1 {
color: #3f4c4b;
}
a {
color: #347272;
color: #006699;
}
ul.active-menu-about li.menu-about,
ul.active-menu-download li.menu-download,
ul.active-menu-community li.menu-community,
ul.active-menu-recipes li.menu-recipes,
ul.active-menu-screenshots li.menu-screenshots {
ul.active-menu-doc li.menu-doc,
text-decoration: underline;
}
a:hover {
@ -46,14 +53,12 @@ blockquote{
padding: 10px;
}
/**** Main Container ***/
#wrap {
margin-left: auto;
margin-right: auto;
width: 730px;
width: 100%;
height: 100%;
}
@ -61,35 +66,57 @@ blockquote{
#top {
font-size: 0.8em;
font-size: 1.0em;
width: 100%;
height: 88px;
color: #fff;
/*background: #000 url(images/top_bg.gif);*/
margin-left: 0;
overflow:hidden;
display: inline-block;
}
#top h2 {
color: White;
letter-spacing: 3px;
font-size: 2.0em;
font-size: 3.0em;
font-weight: bold;
position: relative;
margin: 0px;
top:25px;
/* margin: 0px; */
top: 5px;
margin-right: 20px;
display:block;
float:left;
background: url(images/bg_t.gif) no-repeat;
padding-left: 10px;
}
#top h2 a {
color: white;
text-decoration: none;
}
#top h2 a:hover {
color: #347272;
color: black;
}
/**** Center Logo ****/
#center-logo img {
padding-top: 20px;
width: 20%;
margin-left: 40%;
}
/**** Center Logo ****/
#center-logo img {
padding-top: 20px;
width: 20%;
margin-left: 40%;
}
/**** Center Logo ****/
#center-logo img {
padding-top: 20px;
width: 20%;
margin-left: 40%;
}
@ -97,49 +124,52 @@ blockquote{
#menu {
display: block;
float:right;
display: inline-block;
width: 100%;
height: 110px;
}
#menu ul {
overflow: auto;
display: flex;
justify-content: center;
width: 100%;
}
#menu ul {
float: right;
}
#menu ul {
margin: 0;
list-style: none;
}
#menu li {
display: block;
float: left;
white-space: nowrap;
}
#menu li a {
display: block;
font-size: 0.99em;
padding: 20px 15px 50px 15px;
text-decoration: none;
color: #fff;
font-weight: bold;
}
* html #menu a {width:1%;}
#menu li a:hover {
background: url(images/bg_menu.gif);
color: black;
}
#menu li a.current {
letter-spacing: 1px;
color: gray;
background: url(images/bg_menu.gif);
}
#menu li a.current:hover {
color: #fff;
}
/**** Content Container ***/
#content {
width: 100%;
margin-top:30px;
@ -158,10 +188,13 @@ blockquote{
/**** Content ***/
#logo { float: right; margin: 32px 32px 32px 32px; }
#screenshot { text-align: center; margin: 32px 32px 32px 32px; }
#screenshot img { border: 2px solid #347272; }
#screenshot p {
padding-left: 80px;
}
#left ul {
padding: 15px 0 15px 35px;
margin:0;
@ -172,10 +205,10 @@ blockquote{
}
#left {
width: 700px;
width: 60%;
float:left;
display: block;
margin-left: 20px;
margin-left: 20%;
display: inline;
}
@ -206,7 +239,6 @@ blockquote{
#right .box a {
margin: 10px 0 10px 0;
color: #347272;
font-size: 10px;
}
@ -232,7 +264,6 @@ blockquote{
padding: 0.3em 0.3em 0.3em 0.8em;
border-bottom: 2px; /*solid #1a1a1a*/
border-top: 2px; /*solid #1a1a1a*/
color: #347272;
background-color: #F7F9FB;
font-weight: bold;
text-decoration: none;
@ -279,9 +310,9 @@ blockquote{
}
#donate {
margin: 1em 0;
text-align: center;
margin: 1em 0;
text-align: center;
}
#donate p, #donate div {
text-align: center;
text-align: center;
}

8
screenshots.mdwn Normal file
View File

@ -0,0 +1,8 @@
# Screenshots
<div id="screenshot">
<figure>
[[!img images/screen.png alt="Screenshot 1" size="382x216"]]
<figcaption>awesome v4.x + lain + multicolor theme</figcaption>
</figure>
</div>

View File

@ -13,20 +13,26 @@
<body>
<div id="wrap">
<a href="https://github.com/awesomeWM/awesome"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com/82b228a3648bf44fc1163ef44c62fcc60081495e/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png"></a>
<div id="top">
<h2><a href="<TMPL_VAR BASEURL>index.html" title="Back to main page">awesome</a></h2>
<TMPL_IF NAME="SEARCHFORM">
<TMPL_VAR SEARCHFORM>
<TMPL_IF NAME="SEARCHFORM">
<TMPL_VAR SEARCHFORM>
</TMPL_IF>
<div id="center-logo">
<a href="<TMPL_VAR BASEURL>index.html" title="Back to main page">
<img src="<TMPL_VAR BASEURL>images/awesome-logo.svg">
</a>
</div>
<div id="menu">
<ul>
<li><a href="<TMPL_VAR BASEURL>index.html">home</a></li>
<li><a href="<TMPL_VAR BASEURL>download/">download</a></li>
<li><a href="<TMPL_VAR BASEURL>community/">community</a></li>
<li><a href="<TMPL_VAR BASEURL>recipes/">recipes</a></li>
<li><a href="<TMPL_VAR BASEURL>apidoc/">doc (git/master)</a></li>
<li><a href="<TMPL_VAR BASEURL>doc/">doc (v4.0)</a></li>
<li><a href="https://github.com/awesomeWM/awesome/issues">bugs/issues</a></li>
<ul class="active-menu-<TMPL_VAR NAME="title">">
<li class="menu-about"><a href="<TMPL_VAR BASEURL>index.html">home</a></li>
<li class="menu-download"><a href="<TMPL_VAR BASEURL>download/">download</a></li>
<li class="menu-community"><a href="<TMPL_VAR BASEURL>community/">community</a></li>
<li class="menu-recipes"><a href="<TMPL_VAR BASEURL>recipes/">recipes</a></li>
<li class="menu-screenshots"><a href="<TMPL_VAR BASEURL>screenshots/">screenshots</a></li>
<li class="menu-doc-git"><a href="<TMPL_VAR BASEURL>apidoc/">doc (git/master)</a></li>
<li class="menu-doc"><a href="<TMPL_VAR BASEURL>doc/">doc (v4.0)</a></li>
<li class="menu-issues"><a href="https://github.com/awesomeWM/awesome/issues">bugs/issues</a></li>
</ul>
</div>
</div>