Change progressbar size

Add docs on site setup Add imprint
kelteseth · Apr 27, 2024 · d44b773 · d44b773
1 parent 051db27
commit d44b773
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 8 deletions.
diff --git a/Readme.md b/Readme.md
@@ -55,3 +55,15 @@ python.exe .\generate_vcpkg_usage_stats.py --merge
 ```bash
 python.exe generate_vcpkg_usage_stats.py --repo_path=C:\vcpkg
 ```
+
+### Website structure
+```
+- /data
+    - raw_progress.yml          # Raw parsed vcpkg list
+    - progress_overwrite.yml    # Additional infos added by hand like status, progress
+    - progress.yml              # Merged result that is displayed on the website
+- /layouts/partials/
+    - progress-module.html      # Diagram and table for the home page
+- /content/
+    - tools.md                  # Tools site
+```
diff --git a/content/imprint.md b/content/imprint.md
@@ -0,0 +1,10 @@
+
+
+Anbieter dieser Internetseite ist:
+
+- Elias Steurer
+- Trautenmuehleweg 23
+- Friedrichshafen
+- E-Mail: i at kelteseth.net
+
+Inhaltlich Verantwortlicher gemäß § 18 Abs. 2 MStV: Elias Steurer und Github contributor
diff --git a/hugo.yaml b/hugo.yaml
@@ -1,11 +1,11 @@
 baseURL: https://arewemodulesyet.org
 languageCode: en-us
-title: Are We (C++20) Modules Yet?
+title: Are We Modules Yet?
 theme: ["PaperMod"]
 params:
   defaultTheme: auto # to switch between dark or light according to browser theme
   homeInfoParams:
-    Title: Nope, lol.
+    Title: Nope.
     Content: This website tracks the most popular C++ libraries, compilers, and build systems. We use vcpkg to get a rough idea of how popular a library is based on how many revisions the port has. Feel free to contribute to this list.
     Image: images/ISO_C++_Logo.svg.png
 menu:

diff --git a/layouts/partials/progress-module.html b/layouts/partials/progress-module.html
@@ -2,9 +2,11 @@
 <div class="custom-module">
 
     <script src="js/chart.js"></script>
-    <h3 id="finished-text" style=" font-size: 3rem;"></h3>
+    <h3 id="finished-text" style=" font-size: 2.5rem;"></h3>
     <div class="progress-container" style="width: 100%; height: 250px; padding: 10px;">
-        <canvas id="progressbar"></canvas>
+        <div style="height: 70px">
+            <canvas id="progressbar"></canvas>
+          </div>
         <p style="color: gray;">⬆️ There is a progress bar (promise)</p>
         <div id="progress-text" style="text-align: right; margin-top: 1rem;"></div>
         <div id="finished-rate-text" style="text-align: right; "></div>
@@ -42,6 +44,8 @@ <h3 id="finished-text" style=" font-size: 3rem;"></h3>
                 type: 'bar', data: {
                     labels: ['Progress'], datasets: [{ data: [progressPercent], backgroundColor: ['green'], }]
                 }, options: {
+
+        maintainAspectRatio: false, aspectRatio: 2,
                     indexAxis: 'y', scales: { x: { beginAtZero: true, max: 100, }, y: { ticks: { display: false } } }, plugins: { legend: { display: false }, tooltip: { enabled: false } }, animation: { duration: 800 }, responsive: true, maintainAspectRatio: false,
                 }
             });
@@ -70,7 +74,7 @@ <h3 id="finished-text" style=" font-size: 3rem;"></h3>
         });
     </script>
 
-    <h1 style="margin-top: 9rem; font-size: 3rem;">List Of Libraries:</h1>
+    <h1 style="margin-top: 0rem; font-size: 3rem;">List Of Libraries:</h1>
 
     <!-- Display Header Information -->
     <div style="margin-bottom: 3rem; font-size: small; color: gray;">
@@ -83,7 +87,7 @@ <h1 style="margin-top: 9rem; font-size: 3rem;">List Of Libraries:</h1>
 
 
     <!-- Progress Table -->
-    <table id="progress-table">
+    <table id="progress-table" style="margin-bottom: 2rem;">
         <style>
             /* Define default light theme colors */
             :root {
@@ -133,7 +137,7 @@ <h1 style="margin-top: 9rem; font-size: 3rem;">List Of Libraries:</h1>
             <tr style="text-align: left;">
                 <th>Status</th>
                 <th>Help<br>Wanted</th>
-                <th style="width: 100%;">Name</th>
+                <th style="max-width: 340px;">Name</th>
                 <th>Popularity</th>
                 <th style="max-width: 120px;">Version</th>
                 <th>Min C++<br>Version</th>
@@ -146,7 +150,7 @@ <h1 style="margin-top: 9rem; font-size: 3rem;">List Of Libraries:</h1>
             <tr>
                 <td>{{ .status }}</td>
                 <td>{{ if ne .help_wanted ""}}{{ .help_wanted }}{{ end }}</td>
-                <td style="width: 100%;"><a href="{{ .homepage }}" target="_blank">{{ .name }}</a></td>
+                <td style="max-width: 340px;"><a href="{{ .homepage }}" target="_blank">{{ .name }}</a></td>
                 <td>{{ .revision_count }}</td>
                 <td style="max-width: 120px;">{{ .version }}</td>
                 <td>{{ if ne .current_min_cpp_version "Unknown"}}C++{{ .current_min_cpp_version }}{{ end }}</td>

diff --git a/themes/PaperMod/layouts/partials/footer.html b/themes/PaperMod/layouts/partials/footer.html
@@ -18,6 +18,7 @@
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
         <a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
+        <a href="/imprint">Impressum</a>
     </span>
 </footer>
 {{- end }}