Merge pull request #4 from dsfsi/pages

Simple github pages page
dsfsi · Aug 6, 2024 · e5cf06d · e5cf06d
2 parents 49c3b39 + a551219
commit e5cf06d
Show file tree

Hide file tree

Showing 20 changed files with 515 additions and 0 deletions.
diff --git a/Page/.nojekyll b/Page/.nojekyll
@@ -0,0 +1 @@
+
diff --git a/Page/static/css/bulma.css.map.txt b/Page/static/css/bulma.css.map.txt
diff --git a/Page/static/css/bulma.min.css b/Page/static/css/bulma.min.css
diff --git a/Page/static/css/fontawesome.all.min.css b/Page/static/css/fontawesome.all.min.css
diff --git a/Page/static/css/index.css b/Page/static/css/index.css
@@ -0,0 +1,151 @@
+body {
+  font-family: 'Noto Sans', sans-serif;
+}
+
+
+.footer .icon-link {
+    font-size: 25px;
+    color: #000;
+}
+
+.link-block a {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.dnerf {
+  font-variant: small-caps;
+}
+
+
+
+.publication-title {
+}
+
+.publication-banner {
+  max-height: parent;
+
+}
+
+.publication-banner video {
+  position: relative;
+  left: auto;
+  top: auto;
+  transform: none;
+  object-fit: fit;
+}
+
+.publication-header .hero-body {
+}
+
+.publication-title {
+    font-family: 'Google Sans', sans-serif;
+}
+
+.publication-authors {
+    font-family: 'Google Sans', sans-serif;
+}
+
+.publication-venue {
+    color: #555;
+    width: fit-content;
+    font-weight: bold;
+}
+
+.publication-awards {
+    color: #ff3860;
+    width: fit-content;
+    font-weight: bolder;
+}
+
+.publication-authors {
+}
+
+.publication-authors a {
+   color: hsl(204, 86%, 53%) !important;
+}
+
+.publication-authors a:hover {
+    text-decoration: underline;
+}
+
+.author-block {
+  display: inline-block;
+}
+
+.publication-banner img {
+}
+
+.publication-authors {
+  /*color: #4286f4;*/
+}
+
+.publication-video {
+    position: relative;
+    width: 100%;
+    height: 0;
+    padding-bottom: 56.25%;
+
+    overflow: hidden;
+    border-radius: 10px !important;
+}
+
+.publication-video iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.publication-body img {
+}
+
+.results-carousel {
+  overflow: hidden;
+}
+
+.results-carousel .item {
+  margin: 5px;
+  overflow: hidden;
+  padding: 20px;
+  font-size: 0;
+}
+
+.results-carousel video {
+  margin: 0;
+}
+
+.slider-pagination .slider-page {
+  background: #000000;
+}
+
+.eql-cntrb { 
+  font-size: smaller;
+}
+
+table {
+  border-collapse: collapse;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  margin: 20px 20px;
+}
+th, td {
+  border: 1px solid #ddd;
+  padding: 6px 7px;
+  text-align: left;
+}
+th {
+  background-color: #4CAF50;
+  color: white;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+}
+tr {
+  background-color: white;
+}
+tr:nth-child(even) {
+  background-color: #f9f9f9;
+}
+tr:hover {
+  background-color: #f1f1f1;
+}
diff --git a/Page/static/images/hugging-face.png b/Page/static/images/hugging-face.png
diff --git a/Page/static/images/logo_transparent_small.png b/Page/static/images/logo_transparent_small.png
diff --git a/Page/static/js/fontawesome.all.min.js b/Page/static/js/fontawesome.all.min.js
diff --git a/Page/static/js/index.js b/Page/static/js/index.js
@@ -0,0 +1,21 @@
+window.HELP_IMPROVE_VIDEOJS = false;
+
+
+$(document).ready(function() {
+    // Check for click events on the navbar burger icon
+
+    var options = {
+			slidesToScroll: 1,
+			slidesToShow: 1,
+			loop: true,
+			infinite: true,
+			autoplay: true,
+			autoplaySpeed: 5000,
+    }
+
+		// Initialize all div with carousel class
+    var carousels = bulmaCarousel.attach('.carousel', options);
+
+    bulmaSlider.attach();
+
+})
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
diff --git a/android-chrome-384x384.png b/android-chrome-384x384.png
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
diff --git a/browserconfig.xml b/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/favicon-16x16.png b/favicon-16x16.png
diff --git a/favicon-32x32.png b/favicon-32x32.png
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/site.webmanifest">
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ffffff">
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="theme-color" content="#ffffff">
+  <meta charset="utf-8">
+
+  <title>Mavito</title>
+  <link rel="icon" type="image/x-icon" href="https://dsfsi.github.io/za-mavito/favicon.ico">
+  <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
+  rel="stylesheet">
+
+  <link rel="stylesheet" href="Page/static/css/bulma.min.css">
+  <link rel="stylesheet" href="Page/static/css/bulma-carousel.min.css">
+  <link rel="stylesheet" href="Page/static/css/bulma-slider.min.css">
+  <link rel="stylesheet" href="Page/static/css/fontawesome.all.min.css">
+  <link rel="stylesheet"
+  href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
+  <link rel="stylesheet" href="Page/static/css/index.css">
+
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
+  <script defer src="Page/static/js/fontawesome.all.min.js"></script>
+  <script src="Page/static/js/bulma-carousel.min.js"></script>
+  <script src="Page/static/js/bulma-slider.min.js"></script>
+  <script src="Page/static/js/index.js"></script>
+</head>
+<body>
+
+
+  <section class="hero">
+    <div class="hero-body">
+      <div class="container is-max-desktop">
+        <div class="columns is-centered">
+          <div class="column has-text-centered">
+            <h1 class="title is-1 publication-title">Mavito: South African Terminology, Lexicon and Glossary Project</h1>
+            <div class="is-size-5 publication-authors">
+              <!-- Paper authors -->
+              <span class="author-block">
+                <a href="FIRST AUTHOR PERSONAL LINK" target="_blank">Vukosi Marivate (PI)*</a></span>
+                <span class="author-block">
+                  <a href="SECOND AUTHOR PERSONAL LINK" target="_blank">Fiskani Banda</a></span>
+                  <span class="author-block">
+                    <a href="THIRD AUTHOR PERSONAL LINK" target="_blank">Richard Lastrucci</a>
+                  </span>
+                  <span class="author-block">
+                    <a href="THIRD AUTHOR PERSONAL LINK" target="_blank">Mohlatlego Nakeng</a>
+                  </span>
+                  <span class="author-block">
+                    <a href="THIRD AUTHOR PERSONAL LINK" target="_blank">Kayode Olalaye</a>
+                  </span>
+                  <span class="author-block">
+                    <a href="THIRD AUTHOR PERSONAL LINK" target="_blank">Thapelo Sindane</a>
+                  </span>
+                  </div>
+
+                  <div class="is-size-5 publication-authors">
+                    <span class="author-block">Data Science for Social Impact<br>University of Pretoria</span>
+                  </div>
+
+                  <div class="column has-text-centered">
+                    <div class="publication-links">
+
+                      <span class="link-block">
+                        <a href="https://huggingface.co/datasets/dsfsi/za-mavito-statssa" target="_blank"
+                        class="external-link button is-normal is-rounded is-dark">
+                        <span class="icon">
+                          <i class="fas fa-smile-beam"></i>
+                        </span>
+                        <span>Hugging-face</span>
+                      </a>
+                    </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+<!-- Paper abstract -->
+<section class="section hero is-light">
+  <div class="container is-max-desktop">
+    <div class="columns is-centered has-text-centered">
+      <div class="column is-four-fifths">
+        <h2 class="title is-3">Project Description </h2>
+        <div class="content has-text-justified">
+          <p>
+            The "Mavito: South African Terminology, Lexicon, and Glossary Project" is dedicated to the comprehensive collection, meticulous cleaning, and transformative processing of South African language terminology lists, lexicons, and glossaries. This initiative is an integral part of the broader mission of the Data Science for Social Impact (DSFSI) lab/group, which aims to liberate and openly share as many language resources as possible.
+            The quality and accuracy of each resource are maintained by the original authors, ensuring the integrity and authenticity of the linguistic data. For any questions or clarifications regarding the content, users are encouraged to directly contact the original authors. By making these linguistic assets readily accessible, the project seeks to enhance language preservation, support linguistic research, and foster educational opportunities across South Africa's diverse linguistic landscape.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- End paper abstract -->
+
+
+<!-- Image carousel -->
+<section class="hero is-small">
+        <table>
+          <thead>
+              <tr>
+                <th>Database</th>
+                <th>Description</th>
+                <th>Documentation</th>
+                <th>CSV</th>
+                <th>JSON</th>
+                <th>TBX</th>
+                <th>xlsx</th>
+              </tr>
+          </thead>
+          <tbody>
+              <tr>
+                  <td>OERTB</td>
+                  <td>Open Resource Term Bank (OERTB) project is to support the collaborative development and dissemination of terminological resources, and thereby promoting the use of African languages in teaching and learning at higher education institutions.</td>
+                  <td>TBD</td>
+                  <td><a href="https://github.com/dsfsi/za-mavito/blob/master/data/oertb/oertb-full.csv">data/oertb/oertb-full.csv</a>,<br> view on <a href="https://lite.datasette.io/?csv=https://github.com/dsfsi/za-mavito/blob/master/data/oertb/oertb-full.csv">datasette</a></td>
+                  <td><a href="https://github.com/dsfsi/za-mavito/blob/master/data/oertb/oertb-termbank-IATE.json">data/oertb/oertb-termbank-IATE.json</a>,<br> view on <a href="https://lite.datasette.io/?json=https://github.com/dsfsi/za-mavito/blob/master/data/oertb/oertb-termbank-IATE.json">datasette</a></td>
+                  <td><a href="https://github.com/dsfsi/za-mavito/blob/master/data/oertb/oertb-termbank-IATE.tbx">data/oertb/oertb-termbank-IATE.tbx</a></td>
+                  <td></td>
+              </tr>
+              <tr>
+                  <td>StatsSA</td>
+                  <td>The Multilingual Statistical Terminology Project by Stats SA develops statistical terminology in South Africa's 11 official languages to enhance access to vital data for all citizens, ensuring a deeper understanding and connection to the information that affects their lives.</td>
+                  <td>TBD</td>
+                  <td><a href="https://github.com/dsfsi/za-mavito/blob/master/data/statssa/multilingual_statistical_terminology_clean.csv">data/statssa/multilingual_statistical<br>_terminology_clean.csv</a>, view on <a href="https://lite.datasette.io/?csv=https://github.com/dsfsi/za-mavito/blob/master/data/statssa/multilingual_statistical_terminology_clean.csv">datasette</a></td>
+                  <td><a href="https://github.com/dsfsi/za-mavito/blob/master/data/statssa/multilingual_statistical_terminology_clean.json">data/statssa/multilingual_statistical<br>_terminology_clean.json</a>,view on <a href="https://lite.datasette.io/?json=https://github.com/dsfsi/za-mavito/blob/master/data/statssa/multilingual_statistical_terminology_clean.json">datasette</a></td>
+                  <td></td>
+                  <td><a href="https://github.com/dsfsi/za-mavito/blob/master/data/statssa/multilingual_statistical_terminology_clean.xlsx">data/statssa/multilingual_statistical_<br>terminology_clean.xlsx</a></td>
+              </tr>
+          </tbody>
+      </table>
+</section>
+<!-- End image carousel -->
+
+
+<!--BibTex citation -->
+  <section class="section" id="BibTeX">
+    <div class="container is-max-desktop content">
+      <h2 class="title">BibTeX Citation</h2>
+      <pre><code>
+        @dataset{dsfsi-mavito,
+        date = {2023},
+        title = {Mavito: South African Terminology, Lexicon and Glossary Project},
+        url = {https://github.com/dsfsi/za-mavito/},
+        author = {Vukosi Marivate and Fiskani Banda and Richard Lastrucci and Matome Ledwaba and Keabetswe Madumo and Mohlatlego Nakeng and Kayode Olalaye and Thapelo Sindane and DSFSI}
+      }
+    </code></pre>
+    </div>
+</section>
+<!--End BibTex citation -->
+
+
+  <footer class="footer">
+  <div class="container">
+    <div class="columns is-centered">
+      <div class="column is-8">
+        <div class="content">
+
+          <p>
+            This website is licensed under a <a rel="license"  href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative Commons Attribution-ShareAlike 4.0 International License</a>. <br>
+            This page was built using the <a href="https://github.com/eliahuhorwitz/Academic-project-page-template" target="_blank">Academic Project Page Template</a> which was adopted from the <a href="https://nerfies.github.io" target="_blank">Nerfies</a> project page.
+          </p>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+
+<!-- Statcounter tracking code -->
+
+<!-- You can add a tracker to track page visits by creating an account at statcounter.com -->
+
+    <!-- End of Statcounter Code -->
+
+  </body>
+  </html>
diff --git a/mstile-150x150.png b/mstile-150x150.png