static website, small fix in rendered icons

code/generate_static_website.py

@@ -17,25 +17,26 @@ Listing:
 
 """
 
-# TODO index.html add content
+# TODO index.html add small introductory text
+# TODO index: icons not shown
 # TODO contribute.html add content
 
-# TODO more icons - (categories, stars, forks)
-# TODO replace or remove @notices in entries (maybe different entries format) ??
+# TODO update Bulma
+
+# TODO more icons - (missing categories, index.html without icons)
+# TODO replace or remove @notices in entries (maybe different entries format)
 # TODO SEO optimizations, google search ...
 # TODO sitemap
 # TODO Google search console
 # TODO <a> rel attribute https://www.w3schools.com/TAGS/att_a_rel.asp
-# TODO naming: improve or send feedback? or edit? or contribute?
-# TODO menu (before On Github, Blog) or just in the footer
 
 # TODO everywhere: style URLs (Github, Wikipedia, Internet archive, SourceForge, ...)
 # TODO everywhere: singular, plural (game, entries, items)
 # TODO everywhere: meta/title tag
-# TODO everywhere: optimize jinja for line breaks and indention and minimal amount of spaces (and space)
+# TODO everywhere: optimize jinja for line breaks and indention and minimal amount of spaces (and size of files) and minimal amount of repetition of tags
 
 # TODO inspirations: icon full lamp (not contained in icomoon.io)
-# TODO inspirations: if included, link instead to game
+# TODO inspirations: if included in the database, link instead to game
 
 # TODO statistics: better and more statistics with links where possible
 # TODO statistics: with nice graphics (pie charts in SVG) with matplotlib, seaborn, plotly?
@@ -43,17 +44,16 @@ Listing:
 
 # TODO footer: clean up, link to Github project
 
-# TODO frameworks: icons
+# TODO frameworks: icons for frameworks/libraryies/tools
+
+# TODO filter by category: icons too large (overlapping)
 
 # TODO games: keywords as labels (some as links)
-# TODO games: links for languages
-# TODO games: platforms as labels and with links
+# TODO games: platforms as labels and with links (links don't work)
 # TODO games: Build system with links like licenses
-# TODO games: contribute/edit, link to md file unten in klein
-# TODO games: use top level for genre and status ??
 # TODo games: developers if more than a single line (collapse, expand?) without JS?
-# TODO games: mature, active not blue (link) maybe red or just bold black and beta inactive gray?
-# TODO games: code repositories (stars and forks)
+# TODO games: mature, active not blue (link) maybe red or just bold black and beta inactive gray? and add tooltips
+# TODO games: code repositories (stars and forks), list all comma-separated (should be ()) instead
 # TODO games: @see-home/@see-download/@add (ignore or replace?)
 # TODO games/frameworks: tooltip of supported OS
 # TODO games: link to dependencies (either if existing or if url)

code/html/base.jinja

@@ -13,23 +13,23 @@
 <nav class="navbar container is-light" aria-label="main navigation">
   <div class="navbar-menu">
     <div class="navbar-start">
-      <a class="navbar-item{% if 'index' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['index.html']) }}">{{ macros.render_icon('home') }}<span>Home</span></a>
-      <a class="navbar-item{% if 'games' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'index.html']) }}">{{ macros.render_icon('dice') }}<span>Games</span></a>
+      <a class="navbar-item{% if 'index' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['index.html']) }}">{{ macros.render_icon({'class':'home'}) }}<span>Home</span></a>
+      <a class="navbar-item{% if 'games' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'index.html']) }}">{{ macros.render_icon({'class':'dice'}) }}<span>Games</span></a>
       <div class="navbar-item has-dropdown is-hoverable">
         <a class="navbar-link{% if 'filter' in base['active_nav'] %} is-active{% endif %}">{{ macros.render_icon('filter') }}<span>Filter</span></a>
         <div class="navbar-dropdown">
-          <a class="navbar-item{% if 'genres' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'genres.html']) }}">{{ macros.render_icon('price-tag') }}<span>By category</span></a>
-          <a class="navbar-item{% if 'code language' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'languages.html']) }}">{{ macros.render_icon('language') }}<span>By code language</span></a>
-          <a class="navbar-item{% if 'platforms' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'platforms.html']) }}">{{ macros.render_icon('laptop') }}<span>By OS support</span></a>
-          <a class="navbar-item{% if 'top-50' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'top50.html']) }}">{{ macros.render_icon('star') }}<span>GitHub Stars Top 50</span></a>
+          <a class="navbar-item{% if 'genres' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'genres.html']) }}">{{ macros.render_icon({'class':'price-tag'}) }}<span>By category</span></a>
+          <a class="navbar-item{% if 'code language' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'languages.html']) }}">{{ macros.render_icon({'class':'language'}) }}<span>By code language</span></a>
+          <a class="navbar-item{% if 'platforms' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'platforms.html']) }}">{{ macros.render_icon({'class':'laptop'}) }}<span>By OS support</span></a>
+          <a class="navbar-item{% if 'top-50' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['games', 'top50.html']) }}">{{ macros.render_icon({'class':'star'}) }}<span>GitHub Stars Top 50</span></a>
         </div>
       </div>
-      <a class="navbar-item{% if 'frameworks' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['frameworks', 'index.html']) }}">{{ macros.render_icon('wrench') }}<span>Frameworks/Tools</span></a>
-      <a class="navbar-item{% if 'developers' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['developers', 'index.html']) }}">{{ macros.render_icon('users') }}<span>Developers</span></a>
-      <a class="navbar-item{% if 'inspirations' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['inspirations', 'index.html']) }}">{{ macros.render_icon('bulb') }}<span>Inspirations</span></a>
-      <a class="navbar-item{% if 'statistics' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['statistics.html']) }}">{{ macros.render_icon('stats-dots') }}<span>Statistics</span></a>
-      <a class="navbar-item{% if 'contribute' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['contribute.html']) }}">{{ macros.render_icon('pencil') }}<span>Contribute</span></a>
-      <a class="navbar-item" href="https://github.com/Trilarion/opensourcegames">{{ macros.render_icon('github') }}<span>On GitHub</span></a>
+      <a class="navbar-item{% if 'frameworks' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['frameworks', 'index.html']) }}">{{ macros.render_icon({'class':'wrench'}) }}<span>Frameworks/Tools</span></a>
+      <a class="navbar-item{% if 'developers' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['developers', 'index.html']) }}">{{ macros.render_icon({'class':'users'}) }}<span>Developers</span></a>
+      <a class="navbar-item{% if 'inspirations' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['inspirations', 'index.html']) }}">{{ macros.render_icon({'class':'bulb'}) }}<span>Inspirations</span></a>
+      <a class="navbar-item{% if 'statistics' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['statistics.html']) }}">{{ macros.render_icon({'class':'stats-dots'}) }}<span>Statistics</span></a>
+      <a class="navbar-item{% if 'contribute' in base['active_nav'] %} is-active{% endif %}" href="{{ base['url_to'](['contribute.html']) }}">{{ macros.render_icon({'class':'pencil'}) }}<span>Contribute</span></a>
+      <a class="navbar-item" href="https://github.com/Trilarion/opensourcegames">{{ macros.render_icon({'class':'github'}) }}<span>On GitHub</span></a>
     </div>
   </div>
 </nav>