awesomewm-mirrors
/
awesome-www
mirror of https://github.com/awesomeWM/awesome-www.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
parent 32e277d9f5 8e9017ec30
commit 12c46b5459
7 changed files with 230 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

@ -24,6 +24,13 @@ open `index.html` when following a link to a directory:
$ cd html $ cd html
$ python3 -m http.server -b localhost 8000 & $ 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 ## 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. 1. Fork this repository and create a new branch with a name relevant to the information you will be adding to the site.

2
community.mdwn
View File

@ -1,3 +1,5 @@
# Community
**awesome** has an active and growing community. **awesome** has an active and growing community.
# IRC # 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>
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

4
index.mdwn
View File

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

131
local.css
View File

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

28
templates/page.tmpl
View File

@ -13,20 +13,26 @@
<body> <body>
<div id="wrap"> <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"> <div id="top">
<h2><a href="<TMPL_VAR BASEURL>index.html" title="Back to main page">awesome</a></h2> <TMPL_IF NAME="SEARCHFORM">
<TMPL_IF NAME="SEARCHFORM"> <TMPL_VAR SEARCHFORM>
<TMPL_VAR SEARCHFORM>
</TMPL_IF> </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"> <div id="menu">
<ul> <ul class="active-menu-<TMPL_VAR NAME="title">">
<li><a href="<TMPL_VAR BASEURL>index.html">home</a></li> <li class="menu-about"><a href="<TMPL_VAR BASEURL>index.html">home</a></li>
<li><a href="<TMPL_VAR BASEURL>download/">download</a></li> <li class="menu-download"><a href="<TMPL_VAR BASEURL>download/">download</a></li>
<li><a href="<TMPL_VAR BASEURL>community/">community</a></li> <li class="menu-community"><a href="<TMPL_VAR BASEURL>community/">community</a></li>
<li><a href="<TMPL_VAR BASEURL>recipes/">recipes</a></li> <li class="menu-recipes"><a href="<TMPL_VAR BASEURL>recipes/">recipes</a></li>
<li><a href="<TMPL_VAR BASEURL>apidoc/">doc (git/master)</a></li> <li class="menu-screenshots"><a href="<TMPL_VAR BASEURL>screenshots/">screenshots</a></li>
<li><a href="<TMPL_VAR BASEURL>doc/">doc (v4.0)</a></li> <li class="menu-doc-git"><a href="<TMPL_VAR BASEURL>apidoc/">doc (git/master)</a></li>
<li><a href="https://github.com/awesomeWM/awesome/issues">bugs/issues</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> </ul>
</div> </div>
</div> </div>