diff --git a/README.md b/README.md index d0d67fc..9ef3bf1 100644 --- a/README.md +++ b/README.md @@ -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
tag in the bottom of *screenshots.mdwn*, +3. Inside the new tag, add the screenshots with a tag and use the
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. diff --git a/community.mdwn b/community.mdwn index df1e58e..0c265db 100644 --- a/community.mdwn +++ b/community.mdwn @@ -1,3 +1,5 @@ +# Community + **awesome** has an active and growing community. # IRC diff --git a/images/awesome-logo.svg b/images/awesome-logo.svg new file mode 100644 index 0000000..19636f0 --- /dev/null +++ b/images/awesome-logo.svg @@ -0,0 +1,114 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/index.mdwn b/index.mdwn index 78ec7f2..d851510 100644 --- a/index.mdwn +++ b/index.mdwn @@ -1,6 +1,4 @@ - +# Home **awesome** is a highly configurable, next generation framework window manager for X. It is very fast, extensible and licensed under the diff --git a/local.css b/local.css index 4528dd7..d7c5062 100644 --- a/local.css +++ b/local.css @@ -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; } @@ -184,7 +217,7 @@ blockquote{ #right { - width: 0px; + width: 0px; float: right; display:block; margin-top: 10px; @@ -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; @@ -243,7 +274,7 @@ blockquote{ background: url(images/bg_t.gif) no-repeat; background-color: #fff; font-weight: bold; - } + } /**** Clear Div ***/ @@ -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; } diff --git a/screenshots.mdwn b/screenshots.mdwn new file mode 100644 index 0000000..8b6950b --- /dev/null +++ b/screenshots.mdwn @@ -0,0 +1,8 @@ +# Screenshots + +
+
+ [[!img images/screen.png alt="Screenshot 1" size="382x216"]] +
awesome v4.x + lain + multicolor theme
+
+
diff --git a/templates/page.tmpl b/templates/page.tmpl index 8df1aed..dbceffd 100644 --- a/templates/page.tmpl +++ b/templates/page.tmpl @@ -13,20 +13,26 @@