create public front page

This commit is contained in:
Matthias Kretschmann 2016-04-30 18:20:09 +02:00
parent 67f4017079
commit 269dc43fea
Signed by: m
GPG Key ID: BD3C1F3EDD7831FC
6 changed files with 264 additions and 4 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
node_modules
key.json

View File

@ -20,9 +20,6 @@
## Handy commands
```bash
# connect
ssh m@git.berlin
cd /etc/gitlab/
cd /var/opt/gitlab/
@ -40,5 +37,4 @@ sudo gitlab-rake assets:clean assets:precompile cache:clear
# backup
sudo gitlab-rake gitlab:backup:create
```

28
gulpfile.js Normal file
View File

@ -0,0 +1,28 @@
'use strict';
var gulp = require('gulp'),
gs = require('gulp-gcloud-publish')
// paths
var DIST = './public/';
// deployment
var BUCKET = 'hello.git.berlin',
PROJECTID = 'git-berlin';
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
// Deployment
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
gulp.task('deploy', function() {
return gulp.src(DIST + '**/*')
.pipe(gs({
bucket: BUCKET,
keyFilename: 'key.json',
projectId: PROJECTID,
base: '/',
public: true
}));
});

Binary file not shown.

23
package.json Normal file
View File

@ -0,0 +1,23 @@
{
"name": "git-berlin",
"version": "1.0.0",
"author": {
"name": "Matthias Kretschmann",
"email": "m@kretschmann.io"
},
"homepage": "https://www.git.berlin",
"main": "gulpfile.js",
"devDependencies": {
"gulp": ">=1.0.0",
"gulp-awspublish": ">=3.0.0",
"gulp-gcloud-publish": "^1.2.1"
},
"engines": {
"node": ">=0.10.29"
},
"private": true,
"repository": {
"type": "git",
"url": "https://www.git.berlin/kremalicious/git.berlin.git"
}
}

211
public/index.html Normal file
View File

@ -0,0 +1,211 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>git.berlin</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Public GitLab CE installation housing git repositories for projects made in Berlin, Germany">
<link rel="canonical" href="https://www.git.berlin">
<style>
*,
*:before,
*:after {
box-sizing: border-box;
}
html,
body {
min-height: 100vh;
height: 100%;
margin: 0;
padding: 0;
}
html {
font-size: 16px;
}
body {
font-size: 1rem;
font-family: 'Avenir Next', Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 1.5;
color: #6b7f88;
padding: 2rem 0;
-moz-display: flex;
-moz-align-items: center;
-moz-justify-content: center;
-moz-flex-wrap: wrap;
-webkit-display: flex;
-webkit-align-items: center;
-webkit-justify-content: center;
-webkit-flex-wrap: wrap;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
@media (min-width: 45em) {
html {
font-size: 18px;
}
}
a {
color: #BA5B81;
text-decoration: none;
transition: .2s ease-out;
}
a:hover,
a:focus {
outline: 0;
color: #d76995;
}
.container {
max-width: 38em;
padding-left: 2rem;
padding-right: 2rem;
margin: auto;
}
article {
width: 100%;
height: 100%;
}
h1 {
font-size: 2.8rem;
font-weight: 400;
line-height: 1.2;
margin-top: 0;
margin-bottom: 2rem;
}
p {
margin: 0 0 1rem;
}
p:last-of-type {
margin-bottom: 0;
}
.btn {
padding: .3rem 1rem;
display: inline-block;
text-transform: uppercase;
font-size: .8rem;
border: 1px solid #8aa4af;
border-radius: .2rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.btn:hover,
.btn:focus {
background: #fff;
color: #BA5B81;
border-color: #fff;
}
.btn--primary {
background: #BA5B81;
color: #fff;
border-color: #BA5B81;
}
.btn--primary:hover,
.btn--primary:focus {
background: #fff;
color: #BA5B81;
border-color: #fff;
}
#logo-gitberlin {
height: 7em;
margin: 0 auto 1rem auto;
display: block;
}
.login {
padding: 2rem 0;
margin-top: 2rem;
color: #fff;
background: #C0CED3;
}
.text-center {
text-align: center;
}
footer {
padding-top: 2rem;
padding-bottom: 2rem;
font-size: .8rem;
color: #96a6ad;
}
</style>
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@kremalicious">
<meta name="twitter:url" content="https://www.git.berlin">
<meta name="twitter:title" content="git.berlin">
<meta name="twitter:description" content="Public GitLab CE installation housing git repositories for projects made in Berlin, Germany">
</head>
<body>
<article>
<div class="container">
<svg id="logo-gitberlin" viewBox="0 0 115 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#C0CED3" fill="none" stroke-width="4">
<path d="M78.0192954,168.596418 C73.6220556,179.722758 64.2844708,186.142587 48.5518727,193.374879 C44.0643811,195.228368 39.6589412,197.407435 35.1186783,199.643703 L33.3275857,139.642102 L36.9097709,139.642102 L36.9097709,128.895546 L32.4320394,128.895546 L32.4320394,124.417815 C42.8765972,122.048958 50.556092,112.908921 50.3429652,102.029158 C50.556092,91.2271563 43.9283386,82.3649534 34.223132,78.744954 L34.223132,57.251843 L30.6409468,56.3562967 L30.6409468,50.983019 L28.8498543,49.1919264 L27.954308,4.41461182 L26.1632154,4.41461182 L24.3721228,4.41461182 L23.4765765,49.1919264 L21.6854839,50.983019 L21.6854839,56.3562967 L18.1032988,57.251843 L18.1032988,78.744954 C8.61121895,82.3578294 1.98346553,91.2235944 1.98346553,102.029158 C1.98346553,112.905359 9.66296035,122.045396 19.8943913,124.417815 L19.8943913,128.895546 L15.4166599,128.895546 L15.4166599,139.642102 L18.9988451,139.642102 L13.6255673,251.585388 L38.7008635,251.585388 L36.0142246,222.927907 C39.5275371,218.866822 46.6381547,215.435089 56.6117893,211.285805 C75.6361855,202.274343 91.7641216,189.758951 96.8874971,159.485798 L99.5980113,159.485798 L99.5980113,148.739243 L95.1202798,148.739243 L95.1202798,144.261511 C105.564838,141.892655 113.244332,132.752617 113.031206,121.872854 C113.244332,111.070853 106.616579,102.20865 96.9113724,98.5886506 L96.9113724,77.0955396 L93.3291872,76.1999933 L93.3291872,70.8267156 L91.5380946,69.035623 L90.6425484,24.2583084 L88.8514558,24.2583084 L87.0603632,24.2583084 L86.1648169,69.035623 L84.3737243,70.8267156 L84.3737243,76.1999933 L80.7915391,77.0955396 L80.7915391,98.5886506 C71.2994593,102.201526 64.6717059,111.067291 64.6717059,121.872854 C64.6717059,132.749055 72.3512007,141.889093 82.5826317,144.261511 L82.5826317,148.739243 L78.1049003,148.739243 L78.1049003,159.485798 L80.7591713,159.485798 C79.9856238,162.859581 79.0970526,165.869367 78.0192954,168.596418 Z"></path>
</g>
</svg>
<h1 class="text-center">git.berlin</h1>
<p>Public <a href="https://about.gitlab.com/features/">GitLab CE</a> installation housing git repositories for projects made in Berlin, Germany. You know you always wanted <code>git.berlin</code> in your remotes.</p>
<p>Sign up is open for everyone creating open source or personal projects. GitLab is set up to private by default for all new repositories and groups. You're encouraged to make your repositories public though.</p>
</div>
<div class="login text-center">
<div class="container">
<p>
<a class="btn btn--primary" href="https://www.git.berlin/users/sign_in">Sign In or Sign Up</a>
<a class="btn" href="https://www.git.berlin/explore/projects">Explore public repositories</a>
</p>
</div>
</div>
<footer class="text-center">
<p>Maintained by <a href="https://matthiaskretschmann.com">@kremalicious</a>. <br><a href="mailto:m@git.berlin">Questions?</a></p>
</footer>
</article>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(["setDomains", ["*.www.git.berlin"]]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.kremalicious.com/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 3]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript>
<p><img src="//analytics.kremalicious.com/piwik.php?idsite=3" style="border:0;" alt="" /></p>
</noscript>
<!-- End Piwik Code -->
</body>
</html>