Update from Code for NL

.rancher-pipeline.yml

@@ -0,0 +1,12 @@
+stages:
+- name: Publish
+ steps:
+ - publishImageConfig:
+ dockerfilePath: ./Dockerfile
+ buildContext: .
+ tag: pitchdeck:${CICD_EXECUTION_SEQUENCE}
+- name: Deploy
+ steps:
+ - applyYamlConfig:
+ path: ./deployment.yaml
+notification: {}

Dockerfile

@@ -8,14 +8,8 @@ RUN apt-get update -y && \
 
 COPY . /var/www/html
 
+RUN mkdir /var/www/html/savedDecks
+
 RUN chown -R www-data:www-data /var/www/html
 
 COPY vhost.conf /etc/apache2/sites-enabled/000-default.conf
-
-USER www-data
-
-RUN composer install -d /var/www/html
-
-VOLUME /var/www/html/savedDecks
-
-USER root

README.md

@@ -1 +1,20 @@
 https://guykawasaki.com/the-only-10-slides-you-need-in-your-pitch/
+
+Code for NL styled version
+
+<img src="screenshot.png" width="420"/>
+
+## Run a development environment
+
+```
+docker build -t pitchdeck_dev_local:0.0.1 .
+docker run -p 8080:80 pitchdeck_dev_local:0.0.1
+```
+
+You can then access the site at http://localhost:8080 and make changes in your local php files.
+
+```
+docker run -it -v "$PWD":/var/www/html -p 8080:80 pitchdeck_dev_local:0.0.1
+```
+
+To mount from the current directory

assets/css/style.css

@@ -2,18 +2,18 @@ body {
  font-size: 100%;
  font-weight: 500;
  font-family: "Open Sans", Arial;
- background: #111;
- color: #eee;
+ background: #fff;
+ color: #777876;
  width: 100%;
  height: 100%;
 }
 h1 {
  font-size: 4em;
  font-weight: 900;
- color: #38d;
+ color: #71BF9D;
  line-height: 1.4em;
  max-width: 40em;
- border-bottom: 2px solid #38d;
+ border-bottom: 2px solid #71BF9D;
  margin: 100px;
 }
 p {
@@ -30,9 +30,9 @@ button.save {
  right: 1em;
  height: 4em;
  width: 4em;
- background: #38d;
+ background: #71BF9D;
  border: 0;
- color: #eee;
+ color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-family: "Open Sans", Arial;
@@ -56,10 +56,10 @@ button.save:focus {
  display: block;
  padding: 0.2em 0.5em;
  text-align: center;
- /*background: #38d;*/
- background: #111;
+ /*background: #71BF9D;*/
+ background: #777876;
  border: 0;
- color: #eee;
+ color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 100;
@@ -78,14 +78,14 @@ footer {
  text-align: right;
 }
 a {
- color: #38d;
+ color: #71BF9D;
  text-decoration: none;
 }
 h1 input {
  border: 0;
  font-size: 1em;
- color: #38d;
- background: #333;
+ color: #71BF9D;
+ background: #fff;
  outline: none;
  font-family: "Open Sans", Arial;
  font-weight: 900;
@@ -96,8 +96,8 @@ p textarea {
  outline: none;
  font-family: "Open Sans", Arial;
  width: 100%;
- background: #222;
- color: #eee;
+ background: #fff;
+ color: #777876;
  height: 100%;
  padding: 0;
  min-height: 10em;

deployment.yaml

@@ -0,0 +1,36 @@
+kind: Service
+apiVersion: v1
+metadata:
+ name: pitchdeck-service
+spec:
+ selector:
+ app: pitchdeck
+ type: NodePort
+ ports:
+ - protocol: TCP
+ port: 80
+ targetPort: 80
+---
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+ name: pitchdeck-deployment
+ labels:
+ app: pitchdeck
+spec:
+ replicas: 1
+ selector:
+ matchLabels:
+ app: pitchdeck
+ template:
+ metadata:
+ labels:
+ app: pitchdeck
+ spec:
+ imagePullSecrets:
+ - name: pipeline-docker-registry
+ containers:
+ - name: pitchdeck
+ image: ${CICD_IMAGE}:${CICD_EXECUTION_SEQUENCE}
+ ports:
+ - containerPort: 80

vhost.conf

@@ -1,7 +1,7 @@
 <VirtualHost *:80>
- DocumentRoot /var/www/html/public
+ DocumentRoot /var/www/html
 
- <Directory "/var/www/html/public">
+ <Directory "/var/www/html">
  AllowOverride All
  </Directory>