diff --git a/.github/workflows/linux.yml b/.github/workflows/linux.yml index d710783..aa67a42 100644 --- a/.github/workflows/linux.yml +++ b/.github/workflows/linux.yml @@ -110,6 +110,7 @@ jobs: if: matrix.version == 'stable' && (github.ref == 'refs/heads/master' || github.event_name == 'push') && github.repository == 'realaravinth/gitpad' uses: JamesIves/github-pages-deploy-action@3.7.1 with: + branch: gh-pages GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} FOLDER: deploy-static diff --git a/website/.gitignore b/website/.gitignore new file mode 100644 index 0000000..3f6d30e --- /dev/null +++ b/website/.gitignore @@ -0,0 +1,2 @@ +public +static/doc diff --git a/website/bin/zola b/website/bin/zola new file mode 100755 index 0000000..6dfe521 Binary files /dev/null and b/website/bin/zola differ diff --git a/website/config.toml b/website/config.toml new file mode 100644 index 0000000..6526d88 --- /dev/null +++ b/website/config.toml @@ -0,0 +1,16 @@ +# The URL the site will be built for +base_url = "https://gitpad.org" + +# Whether to automatically compile all Sass files in the sass directory +compile_sass = true + +# Whether to build a search index to be used later on by a JavaScript library +build_search_index = true + +[markdown] +# Whether to do syntax highlighting +# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola +highlight_code = true + +[extra] +# Put all your custom variables here diff --git a/website/static/css/main.css b/website/static/css/main.css new file mode 100644 index 0000000..4f7332e --- /dev/null +++ b/website/static/css/main.css @@ -0,0 +1,276 @@ +* { + margin: 0; + padding: 0; +} + +html { + font-family: Georgia, "Times New Roman", Times, serif; + color: #333; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: Arial, Helvetica, sans-serif; + font-weight: 500; +} + +h1 { + font-size: 2rem; +} + +h2 { + font-size: 1.5rem; +} + +body { + width: 100%; + min-height: 100vh; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.nav__container { + margin-top: 5px; + display: flex; + flex-direction: row; + + box-sizing: border-box; + width: 100%; + align-items: center; + height: 20px; +} + +.nav__home-btn { + font-family: monospace, monospace; + font-weight: 500; + margin: auto; + margin-left: 5px; + letter-spacing: 0.1rem; +} + +a:hover { + color: rgb(0, 86, 179); + text-decoration: underline; +} + +.nav__hamburger-menu { + display: none; +} + +.nav__spacer { + flex: 3; + margin: auto; +} + +.nav__logo-container { + display: inline-flex; + text-decoration: none; +} + +.nav__toggle { + display: none; +} + +.nav__logo { + display: inline-flex; + margin: auto; + padding: 5px; + width: 40px; +} + +.nav__link-group { + list-style: none; + display: flex; + flex-direction: row; + align-items: center; + align-self: center; + margin: auto; + text-align: center; +} + +.nav__link-container { + display: flex; + padding: 0 10px; + height: 100%; +} + +.nav__link { + text-decoration: none; +} + +a { + text-decoration: none; +} + +a, +a:visited { + color: rgb(0, 86, 179); +} + +main { + flex: 4; + width: 100%; + margin: auto; + display: flex; + align-items: center; + justify-content: space-evenly; +} + +.main { + min-height: 80vh; + align-items: center; + display: flex; + flex-direction: column; + justify-content: center; + flex: 2; + align-items: center; +} + +.login { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; +} + +.form { + display: flex; + flex-direction: column; + width: 80%; + margin: auto; + padding: 0 10px; +} + +.form__input { + display: block; + width: 100%; + margin: 10px 0; + padding: 5px 0; +} + +.form__submit { + width: 100%; + display: block; + margin: 10px 0; + background-color: #b4345b; + color: #fff; + border: none; + padding: 5px 0; + cursor: pointer; +} + +.form__submit:hover { + background-color: #bb486b; +} + +footer { + display: block; + font-size: 0.7rem; + margin-bottom: 5px; +} + +.footer__container { + width: 90%; + justify-content: space-between; + margin: auto; + display: flex; + flex-direction: row; +} + +.footer__column { + list-style: none; + display: flex; + margin: auto 50px; +} + +.footer__link-container { + margin: 5px; +} +.license__conatiner { + display: flex; +} + +.footer__link { + text-decoration: none; + padding: 0 10px; +} + +.footer__column-divider, +.footer__column-divider--mobile-visible { + font-weight: 500; + opacity: 0.7; + margin: 0 5px; +} + +.footer__icon { + margin: auto 5px; + height: 20px; +} + +.error_container { + text-align: center; + color: #c00; + width: 100%; + margin: 10px 0; +} + +.gist__new { + width: 80%; +} + +.gist__file-content { + display: block; + width: 100%; + margin: 10px 0; + padding: 5px 0; + height: 320px; +} + +.gist__button-group { + display: flex; + width: 100%; + align-items: center; + justify-content: space-between; +} + +.gist__button-container { + flex: 1; + max-width: 200px; +} + +.form__submit--secondary { + width: 100%; + display: block; + margin: 10px 0; + border: none; + padding: 5px 0; + cursor: pointer; + background-color: #e9e9ed; +} + +.auth__demo-user__banner { + margin: auto; + margin-top: 5px; + font-size: 0.8rem; + text-align: center; +} + +.auth__demo-user__cred { + font-family: monospace, monospace; +} + +.btn { + padding: 10px; + border: none; + background-color: #b4345b; + margin-top: 20px; + margin-right: 10px; + color: #fff; + width: 150px; + height: 40px; +} diff --git a/website/templates/footer.html b/website/templates/footer.html new file mode 100644 index 0000000..f1ebb63 --- /dev/null +++ b/website/templates/footer.html @@ -0,0 +1,35 @@ + diff --git a/website/templates/index.html b/website/templates/index.html new file mode 100644 index 0000000..7ae4271 --- /dev/null +++ b/website/templates/index.html @@ -0,0 +1,23 @@ + + + + + + + Home | GitPad + + +
+ +
+ {% include "footer.html" %} + +