diff options
| -rw-r--r-- | _default.template.html | 105 | ||||
| -rw-r--r-- | _scripts/generate_releases.lua | 53 | ||||
| -rw-r--r-- | _static/styles.css | 455 | ||||
| -rw-r--r-- | community/index.md | 12 | ||||
| -rw-r--r-- | downloads/index.md | 66 | ||||
| -rw-r--r-- | index.md | 91 | ||||
| -rw-r--r-- | posts/index.md | 14 |
7 files changed, 400 insertions, 396 deletions
diff --git a/_default.template.html b/_default.template.html index 4bb1f10..c6f13bc 100644 --- a/_default.template.html +++ b/_default.template.html @@ -1,55 +1,62 @@ -<!doctype html> -<html> - <head> - <meta http-equiv="content-type" content="text/html; charset=utf-8"/> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <link rel="stylesheet" href="//yui-s.yahooapis.com/pure/0.6.0/pure-min.css"> - <title>{{title}} | Alpine Linux</title> - <link rel="stylesheet" type="text/css" href="/styles.css"/> - <link rel="stylesheet" type="text/css" href="/font.css"/> - <link rel="stylesheet" type="text/css" - href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' /> - <link rel="shortcut icon" href="/alpine-logo.ico" /> - - </head> - <body> - <header> - <div id="sitenav"> - <nav> - <a href="https://wiki.alpinelinux.org">wiki</a> - <a href="http://git.alpinelinux.org">git</a> - <a href="https://bugs.alpinelinux.org/projects/alpine/issues">bugs</a> - <a href="https://forum.alpinelinux.org/forum">forums</a> - <a href="https://pkgs.alpinelinux.org">packages</a> - </nav> - </div> - <a class="alpine-logo left" href="/"> - <span class="icon-alpine-logo"></span> - </a> - <div id="pagenav"> - <nav> - <a href="/" class="{{pagestate.index}}">home</a> - <a href="/downloads" class="{{pagestate.downloads/index}}">downloads</a> - <a href="/about" class="{{pagestate.about/index}}">about</a> - <a href="/community" class="{{pagestate.community/index}}">community</a> - <a href="/sponsors" class="{{pagestate.sponsors/index}}">sponsors</a> - </nav> - </div> - <p></p> - </header> - <div id="wide-content"> - <article> - {{#pubdate}} - <p><time>{{pubdate}}</time></p> - {{/pubdate}} +<!DOCTYPE html> +<html lang="en"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="Alpine Linux"> + <title>{{title}} | Alpine Linux</title> + <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" + integrity="sha256-AIodEDkC8V/bHBkfyxzolUMw57jeQ9CauwhVW6YJ9CA=" crossorigin="anonymous" /> + <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/pure-min.css" + integrity="sha256-AOg6pfZnxO4hlBH2z2ummgdGKU8XU9ugUPkyWaSMJ0c=" crossorigin="anonymous" /> + <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/grids-responsive-min.css" + integrity="sha256-HZVuuPoaauVWZ+D50Z3ma/Qeon+uwfRenCVaKBb/vu0=" crossorigin="anonymous" /> + <link rel="stylesheet" href="/styles.css"> + <link rel="shortcut icon" href="/alpine-logo.ico" /> + </head> + <body> + <div class="pure-menu pure-menu-horizontal"> + + <ul class="pure-menu-list menu-external"> + <li class="pure-menu-item"><a href="https://wiki.alpinelinux.org" class="pure-menu-link">wiki</a></li> + <li class="pure-menu-item"><a href="http://git.alpinelinux.org" class="pure-menu-link">git</a></li> + <li class="pure-menu-item"><a href="https://bugs.alpinelinux.org/projects/alpine/issues" class="pure-menu-link">bugs</a></li> + <li class="pure-menu-item"><a href="https://forum.alpinelinux.org/forum" class="pure-menu-link">forums</a></li> + <li class="pure-menu-item"><a href="https://pkgs.alpinelinux.org" class="pure-menu-link">packages</a></li> + </ul> + + <a href="/"> + <img src="/alpinelinux-logo.svg" class="alpine-logo" alt="" /> + </a> + + <ul class="pure-menu-list menu-local"> + <li class="pure-menu-item"><a href="/" class="pure-menu-link">Home</a></li> + <li class="pure-menu-item"><a href="/downloads" class="pure-menu-link">Downloads</a></li> + <li class="pure-menu-item"><a href="/about" class="pure-menu-link">About</a></li> + <li class="pure-menu-item"><a href="/community" class="pure-menu-link">Community</a></li> + <li class="pure-menu-item"><a href="/sponsors" class="pure-menu-link">Sponsors</a></li> + </ul> + + </div> + + <div class="banner"> + <div class="banner-content"> + <h1>Small. Simple. Secure.</h1> + <h3>Alpine Linux is a security-oriented, lightweight Linux distribution based on musl libc and busybox.</h1> + </div> + </div> + + <div class="content"> <!-- content --> {{{content}}} <!-- end of content --> - </article> - </div> - <footer>© Copyright 2016 Alpine Linux Development Team all rights reserved | <a href="/privacy-policy.html">Privacy Policy</a> - </footer> - </body> + </div> <!-- end content --> + + <div class="footer l-box"> + <p>© Copyright 2016 Alpine Linux Development Team all rights reserved | Privacy Policy</p> + </div> + + </body> </html> diff --git a/_scripts/generate_releases.lua b/_scripts/generate_releases.lua index e01e3fa..b6e1cfe 100644 --- a/_scripts/generate_releases.lua +++ b/_scripts/generate_releases.lua @@ -8,28 +8,60 @@ t = { flavors={} } flavor_def = { ["alpine"] = { title = "Standard", - desc = "Alpine as it was intended, just enough to get you started." - .." Network connection recommended." }, + desc = { + "Alpine as it was intended", + "Just enough to get you started", + "Network connection recommended", + }, + }, ["alpine-extended"] = { title = "Extended", - desc = "Alpine with most common used packages included. Suitable for" - .." routers and servers that run from RAM." }, + desc = { + "Most common used packages included", + "Suitable for routers and servers", + "Runs from RAM", + }, + }, ["alpine-vanilla"] = { title = "Vanilla", - desc = "Alpine with a vanilla kernel. This is" - .." for troubleshooting kernel issues." }, + desc = { + "Includes a vanilla kernel", + "Does not include grsec patch set", + "Suitable for debugging", + }, + }, ["alpine-virt"] = { title = "Virtual", - desc = "Same as Standard, with a kernel optimized for virtual machines." }, + desc = { + "Similar as standard", + "Slimed down kernel", + "Optimized for virtual systems", + }, + }, ["alpine-xen"] = { title = "Xen", - desc = "Xen Dom0 and Xen packages. Your hypervisor of choice." }, + desc = { + "Build-in support for Xen Hypervisor", + "Includes packages targed at Xen usage", + "Includes grsec kernel", + }, + }, ["alpine-rpi"] = { title = "Raspberry Pi", - desc = "Alpine for any Raspberry Pi model." }, + desc = { + "Includes Raspberry Pi kernel", + "Does not include grsec patchset", + "And much more...", + }, + }, ["alpine-uboot"] = { title = "Generic ARM", - desc = "General build for ARM architectures." }, + desc = { + "Has default ARM kernel", + "Includes the uboot bootloader", + "Packages targetted at armhf", + } + } } for i = 1,#arg do @@ -54,6 +86,7 @@ for i = 1,#arg do archs = {}, flavor_title = def.title, flavor_desc = def.desc, + flavor_name = string.lower(v.flavor), } table.insert(t.flavors, flavor) end diff --git a/_static/styles.css b/_static/styles.css index d75dfda..d91a1a6 100644 --- a/_static/styles.css +++ b/_static/styles.css @@ -1,284 +1,285 @@ -html { - height: 100%; -} +/* + * Base purecss provides basic styling, but we overide some of them here. + */ +body { color: #526066; } -html, body { - overflow-x: hidden; - margin: 0; - padding: 0; +h1, h2, h3 { + letter-spacing: 0.25em; + text-transform: uppercase; + font-weight: 500; + color: black; } -body { - background-color: white; - color: #111; - font-family: "Open Sans", sans-serif; - font-size: 11pt; - position: relative; - min-height: 100%; -/* box-shadow: 0em 0.33em 0.33em #888888; */ -} +h1 { font-size: 1.5em } +h2 { font-size: 1em } +h3 { font-size: 0.8em } -.block-left { - max-width: 24em; - min-width: 46%; - float: left; - padding: 0.5em 2em 0.5em 0em; -} +p { line-height: 1.6em; } -.block-center { - text-align: center; +a { + text-decoration: none; + color: rgb(61, 146, 201); } -.block-small { - font-size: 75%; +/* + * Layout styles + * * center content + * * add padding between and around text boxes + */ +.content { + margin: 0 auto; + padding: 0em 1em 2em 1em; + max-width: 980px; + overflow:auto; } -.widebar { - margin: 0 -300% 4em; - padding: 1.5em 300%; -/* background: #e8f1f6; */ - -/* generate on http://www.colorzilla.com/gradient-editor/ */ -/* background: #def0f9; */ /* Old browsers */ -background: #d3e5ef; -/* IE9 SVG, needs conditional override of 'filter' to 'none' */ -background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZjBmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2QzZTVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2QzZTVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2M1Y2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); -background: -moz-linear-gradient(top, #def0f9 0%, #d3e5ef 10%, #d3e5ef 70%, #b3c5cf 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def0f9), color-stop(10%,#d3e5ef), color-stop(70%,#d3e5ef), color-stop(100%,#b3c5cf)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(top, #def0f9 0%,#d3e5ef 10%,#d3e5ef 70%,#b3c5cf 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(top, #def0f9 0%,#d3e5ef 10%,#d3e5ef 70%,#b3c5cf 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(top, #def0f9 0%,#d3e5ef 10%,#d3e5ef 70%,#b3c5cf 100%); /* IE10+ */ -background: linear-gradient(to bottom, #def0f9 0%,#d3e5ef 10%,#d3e5ef 70%,#b3c5cf 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def0f9', endColorstr='#b3c5cf',GradientType=0 ); /* IE6-8 */ - - border-style: none none solid none; - border-color: #8db2c5; +.l-box { padding: 0.5em 2em; } + +/* + * Shared page styles + */ +.download-tables, +.information { + max-width: 980px; + margin: 0 auto; } /* - * primary: 006190 22485A 002E44 55B5E3 99CBE3 - * complementary: E47A00 8E6535 6C3A00 F8B05D F8D3A8 - * - * #17a, #3bf, #19b2ff - * #b26300, #ff9919 - * - * #17a #0d597f #19b2ff #062d40 #17a1e5 */ + * Logo settings + */ -a { - color: #0D597F; - text-decoration: none; +.alpine-logo { + width: 16em; + margin: 2em; + margin-left: 1em; } -a:hover, a:active { text-decoration: underline; } - -footer a, footer a:link, footer a:hover, footer a:active, footer a:visited { - color: #CDCDCD; +a.alpine-logo:hover, +a.alpine-logo:active { + text-decoration: none; } -header { - color: #0D597F; -background: #eee; /* Old browsers */ -/* IE9 SVG, needs conditional override of 'filter' to 'none' */ -background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4="); -background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 40%, #eeeeee 75%, #dddddd 100%); /* FF3.6+ */ -background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(40%,#eeeeee), color-stop(75%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ -background: -webkit-linear-gradient(-45deg, #ffffff 0%,#eeeeee 40%,#eeeeee 75%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ -background: -o-linear-gradient(-45deg, #ffffff 0%,#eeeeee 40%,#eeeeee 75%,#dddddd 100%); /* Opera 11.10+ */ -background: -ms-linear-gradient(-45deg, #ffffff 0%,#eeeeee 40%,#eeeeee 75%,#dddddd 100%); /* IE10+ */ -background: linear-gradient(135deg, #ffffff 0%,#eeeeee 40%,#eeeeee 75%,#dddddd 100%); /* W3C */ -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ - - padding: 0; - border-style: none none solid none; - border-color: #17a; - position: relative; - z-index: 1; -} +/* + * use pure menus with some positioning. + */ +.pure-menu { + box-shadow: 0 1px 1px rgba(0,0,0, 0.10); + position: relative; -nav { - margin: 0em; - padding: 2.25em 0em 2.25em 0em; } -nav a { - padding: 2.5em 1em 3.3em 1em; - margin: 0; - color: #111; - text-decoration: none; - font-weight: bold; +.menu-external { + position: absolute; + top: 0px; + right: 0px; + font-style: italic; } -#sitenav { - float: right; -} -#sitenav nav { - padding: 0; +.menu-local { + right: 0px; + bottom: 0px; + position: absolute; } -@media all and (min-width: 58em) { - #sitenav { - margin: 4em 0 0 0; - } +/* + * The banner with background image. + * we use relative positioning to be able to position the banner content properly + * background taken from: + * https://unsplash.com/@roylandnye + * + */ + +.banner { + background: transparent url('/background.jpg') 0 0 no-repeat fixed; + text-align: center; + background-size: cover; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/background.jpg', sizingMethod='scale'); + height: 200px; + width: 100%; + margin-bottom: 1em; + position: relative; +} + +.banner-content { + position: absolute; + top: 50%; + height: 100px; + margin-top: -80px; + width: 100%; +} + + +.banner h1 { + margin-bottom: 0; + font-size: 2em; + color: white; + font-weight: 500; + text-shadow: 0 1px 1px black; + text-transform: none; + letter-spacing: normal; +} + +.banner h3 { + margin-bottom: 0; + font-size: 1em; + color: white; + font-weight: 500; + text-shadow: 0 1px 1px black; + text-transform: none; + letter-spacing: normal; +} + +.banner-head { + margin-bottom: 0; + font-size: 2em; + color: white; + font-weight: 500; + text-shadow: 0 1px 1px black; +} + +.banner-head-small { + margin-bottom: 0; + font-size: 1em; + color: white; + font-weight: 500; + text-shadow: 0 1px 1px black; } -#sitenav a { - color: #17a; - padding: 0.5em; - font-weight: normal; - font-style: italic; -} +/* + * News section + */ -nav a.active { - background-color: #17a; - color: white; +.news-archive { + width: 100%; } -article { - padding: 0em 1em; - max-width: 54em; - margin: 0 auto; - position: relative; -} -h1, h2, h3, h4 { - margin: 1em 1ex 0.5ex 0; - color: #0D597F; -} -h1 { font-size: 1.4em; } -h2 { font-size: 1.3em; } -h3 { font-size: 1.2em; } -h4 { font-size: 1.1em; } - -pre { margin-left: 2em; } -p { clear: both; } -td { - font-size: 80%; - padding: .2em 1em .2em .2em; - vertical-align: top; -} - -td time { - white-space: nowrap; -} +/* + * Download Section (tables) + */ -.left { float: left; } -.right { float: right; } +.download-box { padding-bottom: 3em; } -.alpine-logo { - font-size: 425%; - color: #0D597F; - padding: .1em .5em .0765em .25em; +.download-table { + border: 1px solid #ddd; + margin: 0 0.5em 2em; + padding: 0 0 3em; + text-align: center; } -a.alpine-logo:hover, a.alpine-logo:active { - text-decoration: none; +.download-table-header h2 { + color: #fff; + margin: 0; + padding-top: 2em; + padding-bottom: 2em; + font-size: 1em; + font-weight: bold; } -table.downloads { - width: 100%; - text-align: left; +.download-table-list { + list-style-type: none; + margin: 0; + padding: 0; + text-align: center; } -tr:hover td.iso, tr:hover td.size, tr:hover td.checksums { - background-color: #EDEDED; +.download-box a { + text-decoration: none; + color: white; } -td.iso { - text-indent: 1em; +.checksums a { + color: black; } -th.size, td.size { - width: 4em; - white-space: nowrap; +/* + * This is shared between pages. + */ +.download-table-list li, +.home-list li { + padding: 0.8em; + background: #f7f7f7; + border-bottom: 1px solid #e7e7e7; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.download-table-list li { padding-left: 0em; } + +.download-button { + color: white; + font-weight: normal; + background: #018E4A; + border-radius: 4px; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); + position: relative; + bottom: -1.5em; } -th.checksums, td.checksums { - width: 10em; - white-space: nowrap; -} +/* + * Home page styling + */ -th.checksums, td.checksums, th.size, td.size { - text-align: right; - padding: .2em 0em .2em .2em; +.home-list { + list-style-type: none; + margin: 0; + padding: 0; + text-align: left; } -table.downloads td, table.downloads th { - border-bottom: 1px solid #DCDCDC; -} +.read-more { margin-top: 1em; } -#pagenav { - float: left; -} +/* + * Footer styling + */ -div#wide-content { - padding-bottom: 2em; - overflow: hidden; +.footer { + background: #111; + color: #888; + text-align: center; } +.footer a { color: #ddd; } -footer { - background-color: #0D597F; - font-size: .7em; - color: white; - padding: 0.7em; - text-align: center; - clear: both; - margin-top: 5em; - position: absolute; - bottom: 0; - width: 100%; - height: 1.1em; -} +/* + * Color set taken from: + * http://www.colourlovers.com/home/trends/interior-looks/7760/Dive_Into_Color + */ + +.flavor-alpine h2 { background: #CBB063; } +.flavor-alpine-extended h2 { background: #AA8B4A; } +.flavor-alpine-vanilla h2 { background: #3C2C1F; } +.flavor-alpine-virt h2 { background: #B63731; } +.flavor-alpine-xen h2 { background: #E68804; } +.flavor-alpine-rpi h2 { background: #376160; } +.flavor-alpine-uboot h2 { background: #36384D; } -@media all and (max-width:32.000em) { - .alpine-logo { - font-size: 325%; - width: 100%; - background-color: white; - text-align: center; - padding: .2em .1em .0765em 0em; - } - .block-left { - width: 100%; - max-width: 100%; - padding: 0.5em; - } - nav { - padding: 0em 0em; - } - #pagenav { - width: 100%; - border-style: solid none none none; - border-color: #17a; - } - #pagenav a { - padding: .3em; - line-height: 200%; - display: inline-block; - width: 44%; - text-align: center; - } - #sitenav { - width: 100%; - border-style: none none solid none; - border-color: #8db2c5; - text-align: center; - padding: 1em 0em 1em 2em; - } - #sitenav a { - padding: 0.5em 0.7em; - } - footer { - height: auto; - } -} +/* + * MEDIA queries + */ -@media all and (max-width:18.000em) { - #pagenav a { - display: inline-block; - width: 100%; - text-align: center; - } +/* + * Larger mobile devices (tablets) + */ +@media(min-width: 48em) { + .banner h1 { font-size: 4em; } + .download-table { margin-bottom: 0; } + .menu-local { right: auto; } + .alpine-logo { margin: 1em; } } +/* + * Small devices like phones + */ +@media (min-width: 30em) { + .banner { height: 400px; } + .banner h1 { font-size: 3em; } +} +/* + * Move the logo when the local menu moves to the right. + */ +@media (min-width: 41em) { + .alpine-logo { margin-top: 1em; } +}
\ No newline at end of file diff --git a/community/index.md b/community/index.md index 52c21e5..d1a75f4 100644 --- a/community/index.md +++ b/community/index.md @@ -4,13 +4,13 @@ title: Alpine Linux Community # Alpine Linux Community -## IRC +<h2><i class="fa fa-hashtag" aria-hidden="true"></i>IRC</h2> * [\#alpine-linux](irc://irc.freenode.net/alpine-linux) - For general discussion and quick support questions. -* [\#alpine-devel] (irc://irc.freenode.net/alpine-devel) - For discussion of Alpine Linux development and developer +* [\#alpine-devel](irc://irc.freenode.net/alpine-devel) - For discussion of Alpine Linux development and developer support. -## Mailing Lists +<h2><i class="fa fa-envelope" aria-hidden="true"></i>Mailing Lists</h2> * [alpine-announce](mailto:alpine-announce@lists.alpinelinux.org) - Release announcements. @@ -37,17 +37,17 @@ title: Alpine Linux Community | [unsubscribe](mailto:alpine-aports+unsubscribe@lists.alpinelinux.org) | [help](mailto:alpine-aports+help@lists.alpinelinux.org)) -## Wiki +<h2><i class="fa fa-pencil" aria-hidden="true"></i></i>Wiki</h2> Wiki has the documentation. <https://wiki.alpinelinux.org> -## Twitter +<h2><i class="fa fa-twitter" aria-hidden="true"></i>Twitter</h2> <https://twitter.com/alpinelinux> -## Forums +<h2><i class="fa fa-comments" aria-hidden="true"></i>Forums</h2> User forums for discussion and user support from other users. diff --git a/downloads/index.md b/downloads/index.md index 9086daf..6608e00 100644 --- a/downloads/index.md +++ b/downloads/index.md @@ -1,41 +1,35 @@ ---- -title: Downloads ---- +<div class="download pure-g"> -Downloads -========= - -GPG key: [0482 D840 22F5 2DF1 C4E7 CD43 293A CD09 07D9 495A](/keys/ncopa.asc) - -#### Version {{releases.default.version}} - -Released {{releases.default.datestr}} - -<table class="downloads"> -<tr> - <th class="iso">iso</th> - <th class="size">size</th> - <th class="checksums">checksum</th> -</tr> + <div class="pure-u-1"> + <div class="l-box"> + <h1>Downloads</h1> + <p>Current Alpine Version <strong>{{releases.default.version}}</strong> (Released {{releases.default.datestr}})</p> + <p> + <i class="fa fa-lock" aria-hidden="true"></i> + GPG <a href="/keys/ncopa.asc">0482 D840 22F5 2DF1 C4E7 CD43 293A CD09 07D9 495A</a> + </p> + </div> + </div> {{#releases.flavors}} -<tr><td>{{flavor_title}} - {{flavor_desc}}</td><td></td><td></td></tr> -{{#archs}} -<tr> - <td class="iso"><a href="{{iso_url}}">{{iso}}</a></td> - <td class="size">{{size_mb}} MB</td> - <td class="checksums"> - <a title="{{sha1}}" href="{{sha1_url}}">sha1</a> - | - <a title="{{sha256}}" href="{{sha256_url}}">sha256</a> - | - <a title="GPG signature" href="{{asc_url}}">asc</a> - </td> -</tr> -{{/archs}} + <div class="pure-u-1 pure-u-md-1-3 download-box flavor-{{flavor_name}}"> + <div class="download-table"> + <div class="download-table-header bgc-1"> + <h2>{{flavor_title}}</h2> + </div> + <ul class="download-table-list"> + {{#flavor_desc}} + <li>{{{.}}}</li> + {{/flavor_desc}} + </ul> + {{#archs}} + <button class="download-button pure-button"> + <i class="fa fa-download"></i> + <a href="{{iso_url}}">{{arch}}</a> + </button> + {{/archs}} + </div> + </div> {{/releases.flavors}} -</table> -<h3>Older releases</h3> -Older releases are found -<a href="https://wiki.alpinelinux.org/cgi-bin/dl.cgi">here</a>. +</div> <!-- end download --> @@ -1,63 +1,34 @@ ---- -title: Alpine Linux ---- +<div class="pure-g"> + + <div class="pure-u-1 pure-u-md-1-2"> + <div class="l-box"> + <h2> + <i class="fa fa-rss" aria-hidden="true"></i> + Alpine News + </h2> + <ul class="home-list"> + {{#news}} + <li><time>{{date}}</time> <a href="posts/{{html}}">{{title}}</a></li> + {{/news}} + </ul> + <a class="pure-button read-more" href="/posts">Read more</a> + </div> -<div class="widebar"> - <div class="block-left block-center"> - <h1 style="letter-spacing: 0.1em;">Small. Simple. Secure.</h1> - <p> - Alpine Linux is a security-oriented, lightweight Linux distribution - based on musl libc and busybox. - </p> - </div> - <div class="block-left block-center"> - <span class="icon-download" style="font-size:400%; color:green;"></span> - <p> - <a href="{{releases.default.iso_url}}">{{releases.default.iso}}</a> - <small>({{releases.default.size_mb}}MB)</small> - </p> - <div class="block-small"> - <p>Released {{releases.default.date}}</p> - <p> - <a title="{{releases.default.sha1}}" - href="{{releases.default.sha1_url}}">sha1</a> - | - <a title="{{releases.default.sha256}}" - href="{{releases.default.sha256_url}}">sha256</a> - | - <a title="GPG signature" - href="{{releases.default.asc_url}}">asc</a> - </p> - <p> - <a title="fingerprint: 0482 D840 22F5 2DF1 C4E7 CD43 293A CD09 07D9 495A" - href="keys/ncopa.asc">GPG key</a> - </p> - </div> - </div> - <p></p> -</div> + </div> -<div> - <div class="block-left"> - <h2><a href="atom.xml"><span class="icon-rss-square"></span></a> Alpine News</h2> - <table> - {{#news}} - <tr><td><time>{{date}}</time></td><td><a href="posts/{{html}}">{{title}}</a></td></tr> - {{/news}} - <tr><td> </td><td><a href="posts/">more...</a></td></tr> - </table> - </div> - <div class="block-left"> - <h2><a href="http://git.alpinelinux.org/cgit/aports"><span class="icon-git-square"></span></a> Latest Development</h2> - <table> - {{#git-commits.entries}} - <tr> - <td><time datetime="{{updated}}">{{updated_date}}</time></td> - <td><a href="{{{link}}}">{{title}}</a></td> - </tr> - {{/git-commits.entries}} - <tr><td> </td><td><a href="http://git.alpinelinux.org/cgit/aports/log">more...</a></td></tr> - </table> - </div> -</div> + <div class="pure-u-1 pure-u-md-1-2"> + <div class="l-box"> + <h2> + <i class="fa fa-git" aria-hidden="true"></i> + Latest development + </h2> + <ul class="home-list"> + {{#git-commits.entries}} + <li><time datetime="{{updated}}">{{updated_date}}</time> <a href="{{{link}}}">{{title}}</a></li> + {{/git-commits.entries}} + </ul> + <a class="pure-button read-more" href="http://git.alpinelinux.org/cgit/aports/log">Read more</a> + </div> + </div> +</div> <!-- end pure-g -->
\ No newline at end of file diff --git a/posts/index.md b/posts/index.md index c690441..a5742d6 100644 --- a/posts/index.md +++ b/posts/index.md @@ -4,11 +4,9 @@ title: News archive # News archive -<table> - {{#posts/index}} - <tr> - <td>{{date}}</td> - <td><a href="{{html}}">{{title}}</a></td> - </tr> - {{/posts/index}} -</table> +<ul class="home-list"> +{{#posts/index}} + <li><time>{{date}}</time> <a href="{{html}}">{{title}}</a></li> +{{/posts/index}} +</ul> + |