Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bas080/bas080.github.io


https://github.com/bas080/bas080.github.io

Last synced: 21 days ago
JSON representation

Awesome Lists containing this project

README 

        
# Status



Padlock like wordgame where each side of the wheel should make a word together

with the other wheels.



View older posts



# Whoami



I am Bas.



- [[email protected]](mailto:[email protected])

- [github.com/bas080](https://github.com/bas080)

- [linkedin.com/bas080](https://www.linkedin.com/in/bas080)

- [stackoverflow.com/bas080](https://stackoverflow.com/users/989394/bas080)



## Focus



What I am spending most of my time on in 2024.



> Adds up to 100%.






  
Web Components


  


    15/100

  



  



  
Web Accessibility


  


    30/100

  



  
Progressive Web Apps (PWA)


  


    35/100

  






## Goal



1. Become a better badminton player.

2. Improve the world with an app.

3. Keep my worms alive.



## Tool



- [webc](https://www.11ty.dev/docs/languages/webc/)

- [nextjs.org](https://nextjs.org)

- [vuejs.org](https://vuejs.org)

- [pa11y.org](https://pa11y.org)

- [selenium.dev](https://www.selenium.dev/selenium/docs/api/javascript/index.html)

- [testcafe.io](https://testcafe.io)

- [leebyron.com/testcheck-js](http://leebyron.com/testcheck-js/)

- [github.com/maaslalani/slides](https://github.com/maaslalani/slides)



## Like



- [minetest.net](https://www.minetest.net/)

- [lichess.org](https://lichess.org/)

- [How to with John Wilson](https://www.imdb.com/title/tt10801534/)



## Project



- [github.com/bas080/toplist](https://github.com/bas080/toplist)

- [github.com/bas080/straw](https://github.com/bas080/straw)

- [badmintonpaphos.com](https://badmintonpaphos.com)

- [npmjs.com/package/sendscript](https://www.npmjs.com/package/sendscript)

- [rezerv.it](https://rezerv.it)



## Interests



- [wikipedia.org/Progressive_enhancement](https://en.wikipedia.org/wiki/Progressive_enhancement)

- [www.visidata.org](https://www.visidata.org)



---



[RSS](https://github.com/bas080/bas080.github.io/commits/master.atom) |

[Home](#) |

[Contact](#Whoami)



Build



This file is created with `markatzea`, `pandoc` and `simplecss`.



```bash

test -n "$RECUR" || {



  echo '# Status'

  echo

  cat status.md

  echo

  echo

  echo 'View older posts'

  echo



  RECUR=1 markatzea README.mz

} | tee README.md



LANG=en date -Ih



{

echo '



  bas080

  

  

  

  



  

    (function() {



      function wow(event) {

        var dialog = document.getElementsByTagName("dialog")[0]

        if (window.location.hash.startsWith("#Posts"))

          dialog.showModal()

        else

          dialog.close()

      }



      window.addEventListener("popstate", wow);

      window.addEventListener("DOMContentLoaded", wow);



    })();

  



  



    :root, ::backdrop {

        --bg: #fff;

        --accent-bg: #f5f7ff;

        --text: midnightblue;

        --text-light: #585858;

        --border: gainsboro;

        --accent: deeppink;

        --code: #d81b60;

        --preformatted: #444;

        --marked: #ffdd33;

        --disabled: #efefef;

    }



    @media (prefers-color-scheme: dark) {

      :root, ::backdrop {

          color-scheme: dark;

          --bg: #212121;

          --border: #444444;

          --accent-bg: #2b2b2b;

          --text: #dcdcdc;

          --text-light: #ababab;

          --accent: deepskyblue;

          --code: #f06292;

          --preformatted: #ccc;

          --disabled: #111;

      }

    }



    dt {

      margin-top: 1rem;

    }



    meter::-webkit-meter-optimum-value {

      background: var(--accent);

    }



    meter {

      width: calc(100% - 5vw);

      max-width: 512px;

    }



    a {

        text-decoration: none;

        color: var(--accent);

    }



    hr {

        margin: 2rem 0;

    }



    ul {

      list-style-type: square;

    }



    ul, ol {

      padding-left: 0;

      list-style-position: inside;

    }



    body {

      margin: 0 3vh;

      font-family: monospace;

      color: var(--text);

      background-color: var(--bg);

    }



    h2, h3 {

        font-weight: normal;

    }



    h1, h2, h3 {

      font-size: 1em;

      padding-top: 3vh;

      margin: 0;

    }



    h1 a, h2 a, h3 a {

      background-color: var(--text);

      color: var(--bg);

      padding: 0 1ex;

      display: inline;

    }



    a:hover {

      text-decoration: underline;

    }



    :focus {

      outline: 2px solid var(--text);

      outline-offset: 2px;

    }



    p, li {

      line-height: 1.625;

    }



    dialog {

        background-color: var(--bg);

        border: 1px solid var(--border);

    }



    .pull-right {

      float: right;

    }

    html:has(dialog[open]:modal) {

      overflow: hidden;

    }

    .display-none {

      display: none;

    }

    body {

      overflow-x: hidden;

    }



  



'



echo ''

echo 'Close'



echo



echo '
Posts
'



{

  git log --pretty=format:"%H %as" status.md

  echo

} | while read -r hash datum; do

  echo "
$datum
"

  echo

  git show "$hash:./status.md"

  echo

done | pandoc



echo ''



pandoc README.md



echo ''



npx babel -f - --presets=@babel/preset-env <<< '(function () {

  for (const item of document.querySelectorAll("h1,h2,h3")) {



    if (item.children.length !== 0) continue

    // if (item.childNodes[0].nodeType !== item.TEXT_NODE) continue



    const id = item.innerText



    item.setAttribute("id", id)



    if (!id) return



    const anchor = document.createElement("a")



    anchor.setAttribute("href", `#${id}`)

    anchor.innerText = id



    item.innerText = ""

    item.appendChild(anchor)

  }

})();' | npx terser



echo ''



echo '



'

} > index.html



```

```

2024-10-08T01+03:00

```