docs: create initial static page

bd6eafff · Sébastien Blin · bd6eafff · bd6eafff · bd6eafff · bd6eafff
Unverified Commit bd6eafff authored Mar 12, 2019 by Sébastien Blin
--- a/README.md
+++ b/README.md
+# docs.jami.net
+This is a simple static page to group principal links used to document the [Jami](https://jami.net) project.
+![](img/fullpage.png)
\ No newline at end of file
--- a/css/style.css
+++ b/css/style.css
+body {
+    background: #f3f6f8;
+}
+header {
+    display: flex;
+    justify-content: center;
+    padding: 50px 0;
+}
+header h1 {
+    color: #000747;
+    font-weight: 900;
+    font-size: 50px;
+    line-height: normal;
+    letter-spacing: 2pt;
+    font-family: muli,sans-serif;
+    margin-left: 50px;
+}
+#main-container {
+    width: 70%;
+    margin: auto;
+    padding-bottom: 120px;
+}
+section {
+    padding: 50px 20px;
+    text-align: center;
+    font-size: 25px;
+    letter-spacing: 2pt;
+    font-family: muli,sans-serif;
+}
+section:nth-of-type(odd) {
+    background-color: #000747;
+    color: #fff;
+}
+section h2::before {
+    left: calc(50% - 25px);
+    top: 0;
+    content: '';
+    display: block;
+    position: absolute;
+    background-color: #ef1947;
+    height: 5px;
+    width: 50px;
+}
+section h2 {
+    position: relative;
+    padding-top: 40px;
+    padding-bottom: 40px;
+    box-sizing: border-box;
+    text-align: center;
+}
+.btn {
+    font-size: 18px;
+    margin: 30px 0;
+    max-width: 100%;
+    border: none !important;
+    color: #fff;
+    background-color: #0087ba;
+    display: inline-block;
+    font-weight: 400;
+    text-align: center;
+    vertical-align: middle;
+    touch-action: manipulation;
+    cursor: pointer;
+    background-image: none;
+    white-space: nowrap;
+    padding: 10px 20px;
+    border-radius: 4px;
+    text-decoration: none;
+    letter-spacing: 2pt;
+}
+#container {
+    display: flex;
+    justify-content: center;
+}
+#container #card {
+    margin: auto;
+}
+.circle {
+    width: 150px;
+    height: 150px;
+    border-radius: 100%;
+    padding: 41px;
+    background-color: #000747;
+    margin: 0 auto;
+    display: block;
+}
+section:nth-of-type(odd) .circle {
+    background-color: #fff;
+}
+section img {
+    width: 150px;
+    height: 150px;
+}
\ No newline at end of file
--- a/img/Doxygen.png
+++ b/img/Doxygen.png
--- a/img/Lcov.png
+++ b/img/Lcov.png
--- a/img/SonarQube.png
+++ b/img/SonarQube.png
--- a/img/favicon.ico
+++ b/img/favicon.ico
--- a/img/fullpage.png
+++ b/img/fullpage.png
--- a/img/jami.svg
+++ b/img/jami.svg
--- a/img/logo-jami.svg
+++ b/img/logo-jami.svg
--- a/img/opendht_logo_512.png
+++ b/img/opendht_logo_512.png
--- a/index.html
+++ b/index.html
+<html>
+    <head>
+        <title>Documentation - Jami</title>
+        <link rel="icon" href="img/favicon.ico" type="image/x-icon"/>
+        <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"/>
+        <link rel = "stylesheet" type = "text/css" href = "css/style.css"/>
+    </head>
+    <body>
+        <header>
+            <a href="https://jami.net"><img src="img/logo-jami.svg" alt="logo-jami"></a>
+            <h1>Documentation</h1>
+        </header>
+        <div id="main-container">
+            <section>
+                <h2>Wikis</h2>
+                <div id="container">
+                    <div id="card">
+                        <span class="circle"><img src="img/opendht_logo_512.png" alt="OpenDHT"></span>
+                        <a class="btn" href="https://github.com/savoirfairelinux/opendht/wiki">
+                            OpenDHT
+                        </a>
+                    </div>
+                    <div id="card">
+                        <span class="circle"><img src="img/jami.svg" alt="Jami"></span>
+                        <a class="btn" href="https://git.jami.net/savoirfairelinux/ring-project/wikis/home">
+                            Jami
+                        </a>
+                    </div>
+                </div>
+            </section>
+            <section>
+                <h2>Doxygen</h2>
+                <div id="container">
+                    <div id="card">
+                        <span class="circle"><img src="img/Doxygen.png" alt="Doxygen"></span>
+                        <a class="btn" href="https://docs.jami.net/doxygen/daemon/">
+                            Daemon
+                        </a>
+                    </div>
+                    <div id="card">
+                        <span class="circle"><img src="img/Doxygen.png" alt="Doxygen"></span>
+                        <a class="btn" href="https://docs.jami.net/doxygen/lrc/">
+                            LRC
+                        </a>
+                    </div>
+                </div>
+            </section>
+            <section>
+                <h2>Tests tools</h2>
+                <div id="container">
+                    <div id="card">
+                        <span class="circle"><img src="img/Lcov.png" alt="Lcov"></span>
+                        <a class="btn" href="https://docs.jami.net/coverage/">
+                            Daemon's coverage (lcov)
+                        </a>
+                    </div>
+                    <div id="card">
+                        <span class="circle"><img src="img/SonarQube.png" alt="SonarQube"></span>
+                        <a class="btn" href="https://sonar-jami.savoirfairelinux.net/">
+                        Code Quality (Sonar Qube)
+                        </a>
+                    </div>
+                </div>
+            </section>
+        </div>
+    </body>
+</html>
\ No newline at end of file