src: add code from base

CONTRIBUTOR.md

@@ -0,0 +1,4 @@
+# Contributor list
+
+Nicolas Boufidjeline <@GnomeZworc>
+Cécile Morange <@AtaxyaNetwork>

README.md

@@ -0,0 +1,17 @@
+# TEARMRECUP public frontend
+
+## Version
+
+v1.1
+
+## Why
+
+This repository was made to open our code, it was created just before public open of the website
+
+## Launch
+
+You need docker
+
+```bash
+bash run.sh
+```

docker/Dockerfile

@@ -0,0 +1,8 @@
+FROM php:7.1-fpm
+
+RUN apt-get update
+
+# Install PDO and PGSQL Drivers
+RUN apt-get install -y libpq-dev \
+  && docker-php-ext-configure pgsql -with-pgsql=/usr/local/pgsql \
+  && docker-php-ext-install pdo pdo_pgsql pgsql

docker/config/nginx.conf

@@ -0,0 +1,44 @@
+user                       nginx;
+worker_processes           1;
+
+error_log                  /var/log/nginx/error.log warn;
+pid                        /var/run/nginx.pid;
+
+events {
+    worker_connections     1024;
+}
+
+http {
+    include                /etc/nginx/mime.types;
+    default_type           application/octet-stream;
+
+    log_format             main  '$remote_addr - $remote_user [$time_local] "$request" $status $body_bytes_sent "$http_referer" "$http_user_agent" "$http_x_forwarded_for"';
+    access_log             /var/log/nginx/access.log main;
+
+    sendfile               on;
+    keepalive_timeout      65;
+    server_tokens          off;
+
+    server {
+        listen             80;
+        server_name        localhost;
+
+        location / {
+            root           /usr/share/nginx/html;
+            index          index.php index.html index.htm;
+        }
+
+        error_page         500 502 503 504 /50x.html;
+        location = /50x.html {
+            root           /usr/share/nginx/html;
+        }
+
+        location ~ \.php$ {
+            root           /usr/share/nginx/html;
+            include        fastcgi_params;
+            fastcgi_pass   php:9000;
+            fastcgi_index  index.php;
+            fastcgi_param  SCRIPT_FILENAME  /script$fastcgi_script_name;
+        }
+    }
+}

docker/run.sh

@@ -0,0 +1,38 @@
+
+
+echo -e "\n## pull nginx"
+docker pull nginx:1.20.2-alpine
+
+echo -e "\n## pull php"
+docker build docker -t php
+
+echo
+NAME=${1}
+DIR=${2}
+DOCKER="${DIR}/docker"
+SOURCES="${DIR}/sources"
+CONFIG="${DOCKER}/config"
+
+docker kill nginx php > /dev/null 2> /dev/null
+docker rm nginx php > /dev/null 2> /dev/null
+docker network rm ${NAME} > /dev/null 2> /dev/null
+
+docker network create ${NAME} > /dev/null 2> /dev/null
+
+
+docker run -d --name php \
+  --net ${NAME} \
+  -v "${SOURCES}:/script" \
+  php > ${DOCKER}/log/php.log 2>${DOCKER}/log/php.log \
+  && echo "Docker php is running" \
+  || echo "Docker php had an error"
+
+docker run -d --name nginx \
+  --net ${NAME} \
+  -v "${SOURCES}:/usr/share/nginx/html:ro" \
+  -v "${DOCKER}/log:/var/log/nginx" \
+  -v "${CONFIG}/nginx.conf:/etc/nginx/nginx.conf:ro" \
+  -p "0.0.0.0:80:80" \
+  nginx:1.20.2-alpine > ${DOCKER}/log/nginx.log 2>${DOCKER}/log/nginx.log \
+  && echo "Docker nginx is running" \
+  || echo "Docker nginx had an error"

docker/stop.sh

@@ -0,0 +1,6 @@
+
+
+NAME=${1}
+docker kill nginx php > /dev/null 2> /dev/null
+docker rm nginx php > /dev/null 2> /dev/null
+docker network rm ${NAME} > /dev/null 2> /dev/null

run.sh

@@ -0,0 +1,3 @@
+
+echo "# Run Docker"
+bash ./docker/run.sh "teamrecup" "${PWD}"

sources/assets/css/bootstrap-theme.css

@@ -0,0 +1,98 @@
+/*******************************/
+/*         Navigatioin         */
+/*******************************/
+.navbar-inverse { border-radius: 0; background:rgba(0, 0, 0, .8); border-bottom:1px solid rgba(255, 255, 255, 0.15); min-height:100px; padding-top:25px; margin-bottom:0;}
+.navbar-inverse *:focus { outline: 0; }
+@media (max-width: 767px) {
+	.navbar-inverse {  background:rgba(0,0,0,.9); }
+}
+
+.navbar-inverse .navbar-nav > li > a,
+.navbar-inverse .navbar-nav > .open ul > a { color:rgba(255, 255, 255, .4); }
+
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:hover, 
+.navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background:none ; }
+.navbar-inverse .navbar-nav > .open > a{ background:none; color:white; }
+
+.navbar-inverse .navbar-nav>li>a:hover, 
+.navbar-inverse .navbar-nav>li>a:focus,
+.navbar-inverse .navbar-nav>.open>a:hover, 
+.navbar-inverse .navbar-nav>.open>a:focus { background:none; color:white; }
+
+.navbar-inverse .navbar-nav > .active > a { background:none; color:white; }
+
+.navbar-inverse .navbar-brand { font-family: "Open sans", helvetica, arial; font-size: 24px; color:white; padding:0 0 0 15px; margin:12px 0 0 0; }
+	.navbar-inverse .navbar-brand img { margin-top:-8px;}
+
+.navbar-nav .dropdown-menu {
+	left:-5px;
+	font-size: 13px;
+	background-color: rgba(0, 0, 0, .7);
+	border: 0px none;
+	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
+	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+}
+.navbar-nav .dropdown-menu > li > a { color:rgba(255, 255, 255, .7); padding:7px 20px; }
+	.navbar-nav .dropdown-menu > li > a:hover,
+	.navbar-nav .dropdown-menu > li > a:focus,
+	.navbar-nav .dropdown-menu > .active > a:hover{ background: rgba(255, 255, 255, .1); color:white; }
+
+.navbar-nav .dropdown-menu > .active > a,
+.navbar-nav .dropdown-menu > .active > a:focus { background: none; color:#fff; }
+
+.navbar-nav .btn { border:1px solid rgba(255, 255, 255, .2); margin-left:5px; margin-top:5px; padding-top:10px; padding-bottom:10px; }
+
+.navbar-nav a.btn:focus, 
+.navbar-nav a.btn:hover  { border:1px solid rgba(255,255,255,.6); }
+
+.navbar-collapse { border:0 none;  border-top:0 none; box-shadow: none; }
+@media (max-width: 767px) {
+	.navbar-collapse ul { text-align: center;  width:100%; padding-bottom:10px; }
+	.navbar-collapse ul .btn{ max-width:50%; margin:0 auto; }
+}
+
+.navbar-static-top,
+.navbar-fixed-top,
+.navbar-fixed-bottom { border-radius: 0; }
+
+
+
+
+/*******************************/
+/*          Buttons            */
+/*******************************/
+.btn-default, .btn-primary, .btn-success, .btn-action
+.btn-info,    .btn-warning, .btn-danger {
+	text-shadow: 0 2px 1px rgba(0, 0, 0, .2);
+}
+
+.btn { padding: 10px 40px; font-weight: bold; border:0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
+.btn-lg { padding: 15px 65px; font-size: 14px; font-weight:bold; }
+.btn-default { text-shadow: none; background:transparent; color:rgba(50,50,50,.5); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.5); -moz-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.5); box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.5); }
+	.btn-default:hover,
+	.btn-default:focus { color:rgba(50,50,50,.8); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.8); -moz-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.8); box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.8); background: transparent; }
+	.btn-default:active,
+	.btn-default.active { color:#333; -webkit-box-shadow:inset 0px 0px 0px 3px #333; -moz-box-shadow:inset 0px 0px 0px 3px #333; box-shadow:inset 0px 0px 0px 3px #333; background: transparent; }
+
+.btn-action,
+.btn-primary { color:#FFEFD7; background-image: -webkit-linear-gradient(top, #FF9B22 0%, #FF8C00 100%); background-image: linear-gradient(to bottom, #FF9B22 0%, #FF8C00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFF9B22', endColorstr='#ffFF8C00', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border:0 none; }
+	.btn-action:hover,
+	.btn-action:focus { color:#fff; background: #FF9B22; }
+	.btn-action:active {	background: #FF8C00; }
+
+
+/*******************************/
+/*           Jumbotron         */
+/*******************************/
+.jumbotron { color: inherit; background-color: #F7F5F4; padding-top:30px; padding-bottom:30px; margin-bottom:0; }
+.container .jumbotron { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-left:40px; padding-right:40px; }
+	.jumbotron p { font-size:inherit; }
+	.jumbotron h2, .jumbotron h3, .jumbotron h4, 
+	.jumbotron h5, .jumbotron h6 { line-height: 1.3em; }
+
+
+/*******************************/
+/*           Images            */
+/*******************************/
+.img-rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

sources/assets/css/main.css

@@ -0,0 +1,104 @@
+/* Header */
+#head { background:#181015  no-repeat; background-size: cover; min-height:520px; text-align: center; padding-top:240px; color:white; font-family:"Open sans", Helvetica, Arial; font-weight:300; }
+#head.secondary { height:100px; min-height: 100px; padding-top:0px; }
+	#head .lead { font-family:"Open sans", Helvetica, Arial; font-size:44px; margin-bottom:6px; color:white; line-height:1.15em; } 
+	#head .tagline { color:rgba(255,255,255,0.75); margin-bottom:25px; }
+		#head .tagline a { color:#fff; } 
+	#head .btn { margin-bottom:10px;}
+	#head .btn-default { text-shadow: none; background:transparent; color:rgba(255,255,255,.5); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); background: transparent; }
+		#head .btn-default:hover,
+		#head .btn-default:focus { color:rgba(255,255,255,.8); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); background: transparent; }
+		#head .btn-default:active, 
+		#head .btn-default.active { color:#fff; -webkit-box-shadow:inset 0px 0px 0px 3px #fff; -moz-box-shadow:inset 0px 0px 0px 3px #fff; box-shadow:inset 0px 0px 0px 3px #fff; background: transparent; }
+
+@media (max-width: 767px) {
+	#head { min-height:420px; padding-top:160px; }
+	#head .lead { font-size: 34px; }
+}
+
+
+/* Autohide navbar */
+.slideUp { top:-100px; }
+.headroom { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
+
+
+/* Highlights (in jumbotron in most cases) */
+.highlight { margin-top:40px; }
+	.h-caption { text-align: center; } 
+	.h-caption i { display:block; font-size: 54px; color:#382526; margin-bottom:36px; }
+	.h-caption h4 { color:#382526; font-size: 16px; font-weight: bold; margin-bottom:20px; }
+	.h-body { }
+
+
+/* Typography */
+h1, h2, h3, h4, h5, h6 { font-family:"Open sans", Helvetica, Arial; }
+h1, .h1, h2, .h2, h3, .h3 { margin-top:30px; } 
+blockquote { font-style: italic; font-family: Georgia; color:#999; margin:30px 0 30px; }
+label { color: #777; }
+.thin { font-weight:300; }
+.page-title { margin-top:20px; font-weight:300; }
+.text-muted { color:#888; }
+.breadcrumb { background:none; padding:0; margin:30px 0 0px 0; }
+ul.list-spaces li{ margin-bottom:10px; }
+
+/* Helpers */
+.container-full { margin: 0 auto; width: 100%; }
+.top-space { margin-top: 60px; }
+.top-margin { margin-top:20px; }
+
+img { max-width:100%; }
+img.pull-right { margin-left: 10px; }
+img.pull-left { margin-right: 10px; }
+#map { width:100%; height:280px; }
+#social { margin-top:50px; margin-bottom:50px; }
+	#social .wrapper { width:340px; margin:0 auto; }
+
+/* Main content block */
+.maincontent { }
+
+/* Sidebars */
+.sidebar { padding-top:36px; padding-bottom:30px; }
+	.sidebar .widget { margin-bottom:20px; }
+	.sidebar h1, .sidebar .h1, .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3 { margin-top:20px; } 
+
+/* Footer */
+
+/*
+# footer {
+	padding-bottom: 0px;
+	position: fixed;
+	bottom: 0px;
+    left: 0px;
+    right: 0px;
+} 
+*/
+
+
+
+.footer1 { background: #232323; padding: 30px 0 0 0; font-size: 12px; color: #999; }
+	.footer1 a { color: #ccc; }
+		.footer1 a:hover {color: #fff; }
+	.footer1 .widget { margin-bottom:30px; }		
+	.footer1 .widget-title { font-size: 17px; font-weight: bold; color: #ccc; margin: 0 0 20px; }
+	.footer1 .entry-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; }
+		.footer1 .entry-meta a { color: #333333; }
+		.footer1 .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
+	.follow-me-icons { font-size:30px; }		
+		.follow-me-icons i { float:left; margin:0 10px 0 0; }		
+
+.footer2 { background: #191919; padding: 15px 0; color: #777; font-size: 12px; }
+	.footer2 a { color: #aaa; }
+		.footer2 a:hover { color: #fff; }
+		.footer2 p { margin: 0; }
+
+	.widget-simplenav { margin-left:-5px; }
+	.widget-simplenav a{ margin:0 5px; }
+
+td.fit, th.fit {
+	white-space: nowrap;
+	width: 1%;
+}
+
+.align-middle {
+	vertical-align: middle !important;
+}