kisscommunity

kisscommunity.bvnf.space site sources
Log | Files | Refs | Submodules | README

commit e90d2e4e519da21046cdaca6f2de673f18a89675
parent 47a915778d71508bbec4f86487558670cd400324
Author: Armaan Bhojwani <me@armaanb.net>
Date:   Sun,  8 May 2022 20:09:58 -0400

Simplify

Diffstat:
D.github/workflows/ipfs.yaml | 20--------------------
D.github/workflows/preview.yaml | 30------------------------------
Dcss/skeleton.css | 166-------------------------------------------------------------------------------
Dcss/style-dark.css | 12------------
Dcss/style.css | 68--------------------------------------------------------------------
Mindex.html | 74+++++++++++++++++++++++++++++---------------------------------------------
Dpreview/cssless.html | 79-------------------------------------------------------------------------------
7 files changed, 29 insertions(+), 420 deletions(-)

diff --git a/.github/workflows/ipfs.yaml b/.github/workflows/ipfs.yaml @@ -1,20 +0,0 @@ -name: ipfs - -on: - push: - branches: main - -jobs: - preview: - runs-on: ubuntu-latest - env: - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - - steps: - - name: checkout - uses: actions/checkout@v2 - - - name: upload to IPFS - uses: aquiladev/ipfs-action@v0.1.6 - with: - path: ./ diff --git a/.github/workflows/preview.yaml b/.github/workflows/preview.yaml @@ -1,30 +0,0 @@ -name: preview - -on: [ pull_request ] - -jobs: - preview: - runs-on: ubuntu-latest - env: - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - - steps: - - name: checkout - uses: actions/checkout@v2 - - - name: setup git config - run: | - git config user.name "GitHub Actions Bot" - git config user.email "<>" - - - name: create preview - run: | - echo generating a preview for ${GITHUB_HEAD_REF} - mkdir -p preview - cp -f index.html preview/${GITHUB_HEAD_REF}.html - git fetch origin main - git checkout -b main origin/main - git add preview/${GITHUB_HEAD_REF}.html - git commit --message "preview for ${GITHUB_HEAD_REF}" - git push origin HEAD:main - echo preview generated at https://kisscommunity.org/preview/${GITHUB_HEAD_REF}.html diff --git a/css/skeleton.css b/css/skeleton.css @@ -1,166 +0,0 @@ -/* -* Skeleton V2.0.4 -* Copyright 2014, Dave Gamache -* www.getskeleton.com -* Free to use under the MIT license. -* http://www.opensource.org/licenses/mit-license.php -* 12/29/2014 -*/ - -/* Grid -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.container { - position: relative; - width: 100%; - max-width: 960px; - margin: 0 auto; - padding: 0 20px; - box-sizing: border-box; } -.column, -.columns { - width: 100%; - float: left; - box-sizing: border-box; } - -/* For devices larger than 400px */ -@media (min-width: 400px) { - .container { - width: 85%; - padding: 0; } -} - -/* For devices larger than 550px */ -@media (min-width: 550px) { - .container { - width: 80%; } - .column, - .columns { - margin-left: 4%; } - .column:first-child, - .columns:first-child { - margin-left: 0; } - - .one.column, - .one.columns { width: 4.66666666667%; } - .two.columns { width: 13.3333333333%; } - .three.columns { width: 22%; } - .four.columns { width: 30.6666666667%; } - .five.columns { width: 39.3333333333%; } - .six.columns { width: 48%; } - .seven.columns { width: 56.6666666667%; } - .eight.columns { width: 65.3333333333%; } - .nine.columns { width: 74.0%; } - .ten.columns { width: 82.6666666667%; } - .eleven.columns { width: 91.3333333333%; } - .twelve.columns { width: 100%; margin-left: 0; } - - .one-third.column { width: 30.6666666667%; } - .two-thirds.column { width: 65.3333333333%; } - - .one-half.column { width: 48%; } - - /* Offsets */ - .offset-by-one.column, - .offset-by-one.columns { margin-left: 8.66666666667%; } - .offset-by-two.column, - .offset-by-two.columns { margin-left: 17.3333333333%; } - .offset-by-three.column, - .offset-by-three.columns { margin-left: 26%; } - .offset-by-four.column, - .offset-by-four.columns { margin-left: 34.6666666667%; } - .offset-by-five.column, - .offset-by-five.columns { margin-left: 43.3333333333%; } - .offset-by-six.column, - .offset-by-six.columns { margin-left: 52%; } - .offset-by-seven.column, - .offset-by-seven.columns { margin-left: 60.6666666667%; } - .offset-by-eight.column, - .offset-by-eight.columns { margin-left: 69.3333333333%; } - .offset-by-nine.column, - .offset-by-nine.columns { margin-left: 78.0%; } - .offset-by-ten.column, - .offset-by-ten.columns { margin-left: 86.6666666667%; } - .offset-by-eleven.column, - .offset-by-eleven.columns { margin-left: 95.3333333333%; } - - .offset-by-one-third.column, - .offset-by-one-third.columns { margin-left: 34.6666666667%; } - .offset-by-two-thirds.column, - .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } - - .offset-by-one-half.column, - .offset-by-one-half.columns { margin-left: 52%; } - -} - - -/* Base Styles -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* NOTE -html is set to 62.5% so that all the REM measurements throughout Skeleton -are based on 10px sizing. So basically 1.5rem = 15px :) */ -html { - font-size: 62.5%; } -body { - font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ - line-height: 1.6; -} - - -/* Typography -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -h1, h2, h3, h4, h5, h6 { - margin-top: 0; - margin-bottom: 2rem; - font-weight: 300; } -h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;} -h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; } -h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; } -h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; } -h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; } -h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; } - -/* Larger than phablet */ -@media (min-width: 550px) { - h1 { font-size: 5.0rem; } - h2 { font-size: 4.2rem; } - h3 { font-size: 3.6rem; } - h4 { font-size: 3.0rem; } - h5 { font-size: 2.4rem; } - h6 { font-size: 1.5rem; } -} - -/* Clearing -–––––––––––––––––––––––––––––––––––––––––––––––––– */ - -/* Self Clearing Goodness */ -.container:after, -.row:after, -.u-cf { - content: ""; - display: table; - clear: both; } - -/* Media Queries -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* -Note: The best way to structure the use of media queries is to create the queries -near the relevant code. For example, if you wanted to change the styles for buttons -on small devices, paste the mobile query code up in the buttons section and style it -there. -*/ - -/* Larger than mobile */ -@media (min-width: 400px) {} - -/* Larger than phablet (also point when grid becomes active) */ -@media (min-width: 550px) {} - -/* Larger than tablet */ -@media (min-width: 750px) {} - -/* Larger than desktop */ -@media (min-width: 1000px) {} - -/* Larger than Desktop HD */ -@media (min-width: 1200px) {} diff --git a/css/style-dark.css b/css/style-dark.css @@ -1,11 +0,0 @@ -@media (prefers-color-scheme: dark) { - body { - background-color: #263238; - color: #90A4AE; - } - - blockquote { - background-color: #202b31; - border-color: #90A4AE; - } -} -\ No newline at end of file diff --git a/css/style.css b/css/style.css @@ -1,68 +0,0 @@ -/* Page styles */ -html { - line-height: 1.15; - -webkit-text-size-adjust: 100%; -} - -body { - margin: 0; - background-color: #CFD8DC; - font-family: sans-serif; - color: #263238; -} - -header { - padding: 4rem 0 4rem 0; -} - -header h1 { - font-weight: 600; -} - -a { - color: inherit; - font-weight: 600; -} - -a:hover { - color: #607D8B; -} - -blockquote { - margin: 0 0 1rem 0; - padding: 0.8rem 0 0.8rem 1.2rem; - background-color: #B0BEC5; - border-left: 5px solid #455A64; -} - -main { - padding: 0 0 6rem 0; -} - -main h4 { - font-weight: 600; - text-transform: uppercase; - border-bottom:2px solid #455A64; -} - -main ul { - padding-left: 1rem; - list-style-type: square; - margin: 0 0 2.5rem 1.5rem; -} - -main li { - font-weight: 400; - font-size: 1.8rem; - margin-bottom: 1rem; -} - -footer { - text-align: center; - padding: 0 0 4rem 0; -} - -footer h5 { - font-weight: 600; - margin: 0; -} diff --git a/index.html b/index.html @@ -1,51 +1,35 @@ <!DOCTYPE html> <html> - <head> - <title>KISS - Community</title> - <meta charset="utf-8"> - <meta name="description" content="Kiss linux community"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link href="./css/skeleton.css" rel="stylesheet"> - <link href="./css/style.css" rel="stylesheet"> - <link href="./css/style-dark.css" rel="stylesheet"> - </head> +<head> + <title>KISS Community</title> + <meta charset="utf-8"> + <meta name="description" content="KISS Linux Community"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <style>body {max-width: 1000px}</style> +</head> - <body> - <header> - <div class="container"> - <h1>KISS Linux Community</h1> - <blockquote>when dylan says "no", we say "maybe"</blockquote> - <blockquote><a href="https://kisslinux.org/">KISS Linux</a> is an independent Linux(R) distribution with a focus on simplicity and the concept of less is more. - </div> - </header> +<body> +<h1>KISS Linux Community</h1> +<blockquote> + when dylan says "no", we say "maybe" +</blockquote> +<blockquote> + <a href="https://kisslinux.org/">KISS Linux</a> is an independent Linux(R) distribution with a focus on simplicity and the concept of less is more. +</blockquote> - <main> - <div class="container"> - <div class="row"> - <div class="one-half column"> - <h4>Connect</h4> - <ul> - <li>Chat over <a href="ircs://irc.libera.chat:6697/kisslinux">IRC</a></li> - <li>Chat <a href="https://web.libera.chat/#kisslinux">on the web</a></li> - <li>Browse <a href="https://libera.irclog.whitequark.org/kisslinux">the latest chat logs</a></li> - </ul> - </div> +<h2>Connect</h2> +<ul> + <li>Chat over <a href="ircs://irc.libera.chat:6697/kisslinux">IRC</a></li> + <li>Chat <a href="https://web.libera.chat/#kisslinux">on the web</a></li> + <li>Browse <a href="https://libera.irclog.whitequark.org/kisslinux">the latest chat logs</a></li> +</ul> - <div class="one-half column"> - <h4>Discover</h4> - <ul> - <li>Search through <a href="https://jedahan.com/kiss-find">all community packages</a></li> - <li>Discover more <a href="https://github.com/kiss-community/awesome-kiss">awesome kiss projects</a></li> - <li>Visit our <a href="https://github.com/kiss-community/">community github</a></li> - </ul> - </div> - </div> - </div> - </main> +<h2>Discover</h2> +<ul> + <li>Search through <a href="https://jedahan.com/kiss-find">all community packages</a></li> + <li>Discover more <a href="https://github.com/kiss-community/awesome-kiss">awesome kiss projects</a></li> + <li>Visit our <a href="https://github.com/kiss-community/">community github</a></li> +</ul> - <footer> - <div class="container"> - <h5>KISS Community 2021</h5> - Improve this site on <a href="https://github.com/kiss-community/kisscommunity.org">our website repo</a> - </div> - </footer> +</body> +</html> diff --git a/preview/cssless.html b/preview/cssless.html @@ -1,79 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>KISS - Community</title> - <meta charset="utf-8"> - <meta name="description" content="KISS Linux Community"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <style> - html { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; } - - body { - max-width: 38em; - margin: auto; - color: #4a4a4a; - background-color: #f9f9f9; } - - - blockquote { - margin: 0 0 1rem 0; - padding: 0.5rem; - border-left: 0.25rem solid gray; } - - a { - text-decoration: none; - color: #1d7484; } - a:hover { - color: #982c61; - border-bottom: 2px solid #4a4a4a; } - a:visited { - color: #144f5a; } - - @media (max-width: 684px) { - body { - font-size: 1.53rem; } } - - @media (max-width: 382px) { - body { - font-size: 1.35rem; } } - - @media (prefers-color-scheme: dark) { - body { - background-color: #222222; - color: #c9c9c9; } } - </style> - </head> - - <body> - <header> - <h1>KISS Linux Community</h1> - <blockquote>when dylan says "no", we say "maybe"</blockquote> - </header> - - <main> - <h2>Connect</h2> - <ul> - <li>Chat over <a href=ircs://irc.libera.chat:6697/kisslinux>IRC</a> - <li>Chat <a href=https://web.libera.chat/#kisslinux>on the web</a> - <li>Browse <a href=https://libera.irclog.whitequark.org/kisslinux>the latest chat logs</a> - </ul> - - <h2>Discover</h2> - <ul> - <li>Search through <a href=https://jedahan.com/kiss-find>all community packages</a> - <li>Discover more <a href=https://github.com/kiss-community/awesome-kiss>awesome kiss projects</a> - <li>Visit our <a href=https://github.com/kiss-community>community github</a> - </ul> - - <h2>Learn</h2> - <ul> - <li>Read <a href=https://kisslinux.org>the official documentation</a> - </ul> - </main> - - <footer> - Improve this site on <a href=https://github.com/kiss-community/kisscommunity.org>our website repo</a> - </footer> - </body> -</html>