Round 2

Author: StanFromIreland

generate.py

@@ -9,7 +9,7 @@
 from pathlib import Path
 
 from git import Repo
-from jinja2 import Template
+from jinja2 import Environment, FileSystemLoader, Template
 from urllib3 import PoolManager
 
 import build_status
@@ -94,16 +94,42 @@ class LanguageProjectData:
     logging.basicConfig(level=logging.INFO)
     logging.info(f'starting at {generation_time}')
     Path('build').mkdir(parents=True, exist_ok=True)
-    template = Template(Path('index.html.jinja').read_text())
-    output = template.render(
-        completion_progress=(completion_progress := list(get_completion_progress())),
+
+    #completion_progress = list(get_completion_progress())
+    completion_progress = [LanguageProjectData(language=Language(code='ar', name='Arabic'), repository='Abdur-rahmaanJ/python-docs-ar', branch='master', completion=0.013630393298803004, change=0.0, translators=TranslatorsData(number=3, link=False), built=False, in_switcher=None, uses_platform=False, contribution_link='https://github.com/Abdur-rahmaanJ/python-docs-ar'), LanguageProjectData(language=Language(code='bn-in', name='Bengali'), repository='python/python-docs-bn-in', branch='3.14', completion=0.10904314639042403, change=0.0, translators=TranslatorsData(number=1, link=False), built=True, in_switcher=False, uses_platform=False, contribution_link='https://github.com/python/python-docs-bn-in'), LanguageProjectData(language=Language(code='fr', name='French'), repository='python/python-docs-fr', branch='3.13', completion=32.880226016703425, change=0.0, translators=TranslatorsData(number=241, link='https://github.com/python/python-docs-fr/blob/3.13/TRANSLATORS'), built=True, in_switcher=True, uses_platform=False, contribution_link='https://git.afpy.org/AFPy/python-docs-fr/src/branch/3.13/CONTRIBUTING.rst'), LanguageProjectData(language=Language(code='el', name='Greek'), repository='python/python-docs-el', branch='3.14', completion=7.6354985006567375, change=0.29367301925602884, translators=TranslatorsData(number=15, link='https://github.com/python/python-docs-el/blob/3.14/TRANSLATORS'), built=True, in_switcher=True, uses_platform=False, contribution_link='https://github.com/python/python-docs-el'), LanguageProjectData(language=Language(code='hi-in', name='Hindi'), repository='CuriousLearner/python-docs-hi-in', branch='master', completion=0.004956506654110183, change=0.0, translators=TranslatorsData(number=1, link=False), built=False, in_switcher=None, uses_platform=False, contribution_link='https://github.com/CuriousLearner/python-docs-hi-in'), LanguageProjectData(language=Language(code='hu', name='Hungarian'), repository='python/python-docs-hu', branch='master', completion=0.0, change=0.0, translators=TranslatorsData(number=1, link=False), built=False, in_switcher=None, uses_platform=False, contribution_link='https://github.com/python/python-docs-hu'), LanguageProjectData(language=Language(code='id', name='Indonesian'), repository='python/python-docs-id', branch='3.14', completion=0.0, change=0.0, translators=TranslatorsData(number=25, link='https://github.com/python/python-docs-id/blob/3.14/TRANSLATORS'), built=True, in_switcher=False, uses_platform=False, contribution_link='https://github.com/python/python-docs-id/blob/master/README.md#berkontribusi-untuk-menerjemahkan'), LanguageProjectData(language=Language(code='it', name='Italian'), repository='python/python-docs-it', branch='3.13', completion=3.351837624842011, change=0.0, translators=TranslatorsData(number=3, link='https://github.com/python/python-docs-it/blob/3.13/TRANSLATORS'), built=True, in_switcher=True, uses_platform=False, contribution_link='https://github.com/python/python-docs-it'), LanguageProjectData(language=Language(code='ja', name='Japanese'), repository='python/python-docs-ja', branch='3.14', completion=49.79430497385443, change=0.04336943322346798, translators=TranslatorsData(number=13, link=False), built=True, in_switcher=True, uses_platform=True, contribution_link='https://explore.transifex.com/python-doc/python-newest/'), LanguageProjectData(language=Language(code='ko', name='Korean'), repository='python/python-docs-ko', branch='3.13', completion=45.986468736834276, change=0.2478253327055029, translators=TranslatorsData(number=23, link='https://github.com/python/python-docs-ko/blob/3.13/TRANSLATORS'), built=True, in_switcher=True, uses_platform=False, contribution_link='https://www.flowdas.com/pages/python-docs-ko.html'), LanguageProjectData(language=Language(code='mr', name='Marathi'), repository='sanketgarade/python-doc-mr', branch='3.9', completion=0.0, change=0.0, translators=TranslatorsData(number=1, link=False), built=False, in_switcher=None, uses_platform=False, contribution_link='https://github.com/sanketgarade/python-doc-mr'), LanguageProjectData(language=Language(code='lt', name='Lithuanian'), repository=None, branch='', completion=0.0, change=0.0, translators=TranslatorsData(number=0, link=False), built=False, in_switcher=None, uses_platform=False, contribution_link=None), LanguageProjectData(language=Language(code='fa', name='Persian'), repository='revisto/python-docs-fa', branch='3.13', completion=0.0, change=0.0, translators=TranslatorsData(number=9, link=False), built=False, in_switcher=None, uses_platform=False, contribution_link='https://github.com/revisto/python-docs-fa'), LanguageProjectData(language=Language(code='pl', name='Polish'), repository='python/python-docs-pl', branch='3.14', completion=40.93083194964189, change=29.423062625461576, translators=TranslatorsData(number=9, link=False), built=True, in_switcher=True, uses_platform=True, contribution_link='https://explore.transifex.com/python-doc/python-newest/'), LanguageProjectData(language=Language(code='pt', name='Portuguese'), repository=None, branch='', completion=0.0, change=0.0, translators=TranslatorsData(number=0, link=False), built=False, in_switcher=None, uses_platform=False, contribution_link=None), LanguageProjectData(language=Language(code='pt-br', name='Brazilian Portuguese'), repository='python/python-docs-pt-br', branch='3.14', completion=62.121137022626456, change=1.494386756214226, translators=TranslatorsData(number=3, link=False), built=True, in_switcher=True, uses_platform=True, contribution_link='https://explore.transifex.com/python-doc/python-newest/'), LanguageProjectData(language=Language(code='ro', name='Romanian'), repository='python/python-docs-ro', branch='main', completion=1.192039850313499, change=0.49317241208396323, translators=TranslatorsData(number=1, link='https://github.com/python/python-docs-ro/blob/main/TRANSLATORS'), built=True, in_switcher=False, uses_platform=False, contribution_link='https://github.com/python/python-docs-ro'), LanguageProjectData(language=Language(code='ru', name='Russian'), repository='MLGRussianXP/python-docs-ru', branch='3.14', completion=0.19578201283735222, change=0.008673886644692819, translators=TranslatorsData(number=3, link=False), built=False, in_switcher=None, uses_platform=False, contribution_link='https://github.com/MLGRussianXP/python-docs-ru'), LanguageProjectData(language=Language(code='zh-cn', name='Simplified Chinese'), repository='python/python-docs-zh-cn', branch='3.14', completion=96.77950980149191, change=20.155634308939057, translators=TranslatorsData(number=224, link=False), built=True, in_switcher=True, uses_platform=True, contribution_link='https://explore.transifex.com/python-doc/python-newest/'), LanguageProjectData(language=Language(code='es', name='Spanish'), repository='python/python-docs-es', branch='3.13', completion=57.77551981363535, change=0.026021659934073682, translators=TranslatorsData(number=314, link='https://github.com/python/python-docs-es/blob/3.13/TRANSLATORS'), built=True, in_switcher=True, uses_platform=False, contribution_link='https://python-docs-es.readthedocs.io/page/CONTRIBUTING.html'), LanguageProjectData(language=Language(code='zh-tw', name='Traditional Chinese'), repository='python/python-docs-zh-tw', branch='3.13', completion=37.15273475254641, change=1.7174295556491828, translators=TranslatorsData(number=124, link='https://github.com/python/python-docs-zh-tw/blob/3.13/TRANSLATORS'), built=True, in_switcher=True, uses_platform=False, contribution_link='https://github.com/python/python-docs-zh-tw/blob/3.13/README.rst#%E5%8F%83%E8%88%87%E7%BF%BB%E8%AD%AF'), LanguageProjectData(language=Language(code='tr', name='Turkish'), repository='python/python-docs-tr', branch='3.12', completion=4.693811801442344, change=0.0, translators=TranslatorsData(number=30, link='https://github.com/python/python-docs-tr/blob/3.12/TRANSLATORS'), built=True, in_switcher=True, uses_platform=False, contribution_link='https://github.com/python/python-docs-tr/blob/3.12/README.md#%C3%A7eviriye-katk%C4%B1da-bulunmak'), LanguageProjectData(language=Language(code='uk', name='Ukrainian'), repository='python/python-docs-uk', branch='3.13', completion=49.25280662189289, change=0.0, translators=TranslatorsData(number=13, link=False), built=True, in_switcher=False, uses_platform=True, contribution_link='https://explore.transifex.com/python-doc/python-newest/')]
+    #counts = get_counts(Path('clones', 'cpython', 'Doc', 'build', 'gettext'))
+    counts = 11, 22
+
+    env = Environment(loader=FileSystemLoader("templates"))
+    index = env.get_template('index.html.jinja').render(
+        completion_progress=completion_progress,
+        generation_time=generation_time,
+        duration=(datetime.now(timezone.utc) - generation_time).seconds,
+        counts=counts,
+    )
+
+    chart = env.get_template('chart.html.jinja').render(
+        completion_progress=completion_progress,
         generation_time=generation_time,
         duration=(datetime.now(timezone.utc) - generation_time).seconds,
-        counts=get_counts(Path('clones', 'cpython', 'Doc', 'build', 'gettext')),
+        counts=counts,
     )
-    Path('build/style.css').write_bytes(Path('style.css').read_bytes())
-    Path('build/logo.png').write_bytes(Path('logo.png').read_bytes())
-    Path('build/index.html').write_text(output)
+
+    lang_template = env.get_template('language.html.jinja')
+    for language_data in completion_progress:
+        language = language_data.language
+        code = language.code
+
+        html = lang_template.render(
+            language=language_data,
+        )
+
+        Path(f'build/{code}.html').write_text(html)
+
+    Path('build/style.css').write_bytes(Path('src/style.css').read_bytes())
+    Path('build/logo.png').write_bytes(Path('src/logo.png').read_bytes())
+    Path('build/index.html').write_text(index)
+    Path('build/chart.html').write_text(chart)
     Path('build/index.json').write_text(
         json.dumps(completion_progress, indent=2, default=asdict)
     )

generate_metadata.py

@@ -55,7 +55,7 @@ def get_language_repo_and_completion(
 if __name__ == '__main__':
     logging.basicConfig(level=logging.INFO)
     logging.info(f'starting at {generation_time}')
-    template = Template(Path('metadata.html.jinja').read_text())
+    template = Template(Path('templates/metadata.html.jinja').read_text())
     if (index_path := Path('index.json')).exists():
         index_json = loads(Path('index.json').read_text())
     else:

index.html.jinja

@@ -0,0 +1,174 @@
+/* GLOBAL STYLES
+-------------------------------------------------- */
+/* Padding below the footer and lighter body text */
+
+body {
+  padding-top: 4.5rem;
+  padding-left: .5rem;
+  padding-right: .5rem;
+  padding-bottom: 3rem;
+  color: #5a5a5a;
+  background-color: rgb(245, 245, 245);
+  overflow-x: hidden; /* Risky, this need testing but I find scroll bar annoying */
+}
+
+a {
+  color: #0d0d0d;
+}
+
+a:hover {
+  color: #fe6615;
+}
+
+/* NAVAR
+ * ----------------------------------------*/
+
+.navbar {
+  background-color: rgb(245, 245, 245);
+  border-bottom: 0.25px solid #999;
+}
+
+.navbar li {
+  transition: 0.3s background-color;
+  text-align: center;
+  background-color: transparent;
+  padding: 0rem 1rem;
+  text-decoration: none;
+  border-radius: 0.3rem;
+}
+
+.navbar li:hover {
+  background-color: #d0cccd;
+}
+
+.navbar li .nav-link {
+  color: #0d0d0d;
+}
+
+/* Cards and card columns
+----------------------------- */
+
+.row > [class^="col-"] {
+  display: flex;
+}
+
+.card {
+  flex: 1;
+}
+
+.card:hover {
+  background: linear-gradient(90deg, #cc9add 8.06%, #ebad98 106.93%);
+  text-decoration: none;
+  transform: scale(1.05);
+  transition: all 0.3s ease-in-out;
+}
+
+.card:hover .card-title,
+.card:hover .card-subtitle,
+.card:hover .card-text {
+  color: white;
+}
+
+.card:hover .card-link {
+  color: rgb(231, 231, 231);
+}
+
+@media (min-width: 768px) {
+  .card {
+    flex-basis: calc(33.33% - 30px);
+  }
+}
+
+/* -------------------------- OLD STUFF ------------------------------------ */
+
+table {
+  border-collapse: collapse;
+}
+th, td {
+  border: 1px solid #ddd;
+  padding: 8px 12px;
+  text-align: left;
+  white-space: nowrap;
+}
+th {
+  background-color: #f4f4f4;
+}
+hr {
+  color: #f4f4f4;
+}
+.progress-bar {
+  display: inline-block;
+  color: white;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+  overflow: hidden;
+  white-space: nowrap;
+  box-sizing: border-box;
+}
+.progress-bar-outer-label {
+  display: none;
+  padding-left: .5em;
+  height: 20px;
+  line-height: 20px;
+  overflow: hidden;
+}
+.progress-bar.low {
+  color: transparent;
+  user-select: none;
+}
+.progress-bar.low + .progress-bar-outer-label {
+  display: inline-block;
+}
+td[data-label="translators"], td[data-label="warnings"], td[data-label="lint"] {
+  text-align: right;
+}
+td[data-label="completion"] {
+  width: 100%;
+  line-height: 0;
+}
+.switchpages{
+    position: absolute;
+    top: 10px;
+    right: 10px;
+ }
+
+@media screen and (max-width: 675px) {
+  .switchpages{
+    all: unset;
+ }
+}
+
+@media screen and (max-width: 600px) {
+  table, thead, tbody, th, td, tr {
+    display: block;
+  }
+  th {
+    position: absolute;
+    top: -9999px;
+    left: -9999px;
+  }
+  tr {
+    border: 1px solid #ccc;
+    margin-bottom: 5px;
+  }
+  td {
+    border: none;
+    border-bottom: 1px solid #eee;
+    padding-left: 50%;
+    position: relative;
+  }
+  td:before {
+    content: attr(data-label);
+    font-weight: bold;
+    left: 10px;
+    position: absolute;
+  }
+  td[data-label="completion"] {
+    width: inherit;
+  }
+  .progress-bar {
+    min-width: 0;
+    width: 100% !important;
+  }
+}