first commit

.gitignore

@@ -0,0 +1,14 @@
+.DS_Store
+
+wwww/nodejs/node_modules/*
+
+db/*
+!db/.gitkeep
+
+!nginx
+nginx/*
+!nginx/nginx.conf
+
+!php
+php/*
+!php/php.ini

README.md

@@ -0,0 +1,37 @@
+## Docker-compose LEMP
+### Inkluderar
+- nginx -> localhost:80
+- php   
+- mariadb -> mariadb
+- phpmyadmin -> localhost:8080
+- composer
+
+### HowTo
+
+##### Webbroten
+    www/public
+##### Starta servern (containern) med
+    docker-compose up -d
+##### Stoppa servern (containern) med
+    docker-compose down
+##### Serverns url
+    localhost
+##### phpmyadmin
+    localhost:8080
+##### Anslut till MariaDB med php
+
+````php
+<?php
+    // Definierar konstanter med användarinformation.
+    define ('DB_USER', 'userName'); // Användare i MariaDB
+    define ('DB_PASSWORD', '12345');
+    define ('DB_HOST', 'mariadb');
+    define ('DB_NAME', 'dbName');   // Databasen som anslutning skall ske till
+
+    // Skapar en anslutning till MariaDB och databasen dbName
+    $dsn = 'mysql:host=' . DB_HOST . ';dbname=' . DB_NAME . ';charset=utf8';
+    $db = new PDO($dsn, DB_USER, DB_PASSWORD);
+?> // Ej nödvändigt att avslut "ren" php med ?>
+````
+### ToDo
+    Stöd för https, TLS (ssl).

config/mysql/my.cnf

@@ -0,0 +1,208 @@
+# Copyright © 2020 Joel Paulsson, Noah Jarvis
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+# MariaDB database server configuration file.
+#
+# You can copy this file to one of:
+# - "/etc/mysql/my.cnf" to set global options,
+# - "~/.my.cnf" to set user-specific options.
+#
+# One can use all long options that the program supports.
+# Run program with --help to get a list of available options and with
+# --print-defaults to see which it w  ould actually understand and use.
+#
+# For explanations see
+# http://dev.mysql.com/doc/mysql/en/server-system-variables.html
+
+# This will be passed to all mysql clients
+# It has been reported that passwords should be enclosed with ticks/quotes
+# escpecially if they contain "#" chars...
+# Remember to edit /etc/mysql/debian.cnf when changing the socket location.
+[client]
+port            = 3306
+socket          = /var/run/mysqld/mysqld.sock
+default-character-set = utf8mb4
+
+# Here is entries for some specific programs
+# The following values assume you have at least 32M ram
+
+# This was formally known as [safe_mysqld]. Both versions are currently parsed.
+[mysqld_safe]
+socket          = /var/run/mysqld/mysqld.sock
+nice            = 0
+
+[mysqld]
+character-set-client-handshake = FALSE
+character-set-server = utf8mb4
+collation-server = utf8mb4_unicode_ci
+
+#
+# * Basic Settings
+#
+#user           = mysql
+pid-file        = /var/run/mysqld/mysqld.pid
+socket          = /var/run/mysqld/mysqld.sock
+port            = 3306
+basedir         = /usr
+datadir         = /var/lib/mysql
+tmpdir          = /tmp
+lc_messages_dir = /usr/share/mysql
+lc_messages     = en_US
+skip-external-locking
+#
+# Instead of skip-networking the default is now to listen only on
+# localhost which is more compatible and is not less secure.
+#bind-address           = 172.17.0.1
+#
+# * Fine Tuning
+#
+max_connections         = 100
+connect_timeout         = 5
+wait_timeout            = 600
+max_allowed_packet      = 16M
+thread_cache_size       = 128
+sort_buffer_size        = 4M
+bulk_insert_buffer_size = 16M
+tmp_table_size          = 32M
+max_heap_table_size     = 32M
+#
+# * MyISAM
+#
+# This replaces the startup script and checks MyISAM tables if needed
+# the first time they are touched. On error, make copy and try a repair.
+myisam_recover_options = BACKUP
+key_buffer_size         = 128M
+#open-files-limit       = 2000
+table_open_cache        = 400
+myisam_sort_buffer_size = 512M
+concurrent_insert       = 2
+read_buffer_size        = 2M
+read_rnd_buffer_size    = 1M
+#
+# * Query Cache Configuration
+#
+# Cache only tiny result sets, so we can fit more in the query cache.
+query_cache_limit               = 128K
+query_cache_size                = 64M
+# for more write intensive setups, set to DEMAND or OFF
+#query_cache_type               = DEMAND
+#
+# * Logging and Replication
+#
+# Both location gets rotated by the cronjob.
+# Be aware that this log type is a performance killer.
+# As of 5.1 you can enable the log at runtime!
+#general_log_file        = /var/log/mysql/mysql.log
+#general_log             = 1
+#
+# Error logging goes to syslog due to /etc/mysql/conf.d/mysqld_safe_syslog.cnf.
+#
+# we do want to know about network errors and such
+#log_warnings           = 2
+#
+# Enable the slow query log to see queries with especially long duration
+#slow_query_log[={0|1}]
+slow_query_log_file     = /var/log/mysql/mariadb-slow.log
+long_query_time = 10
+#log_slow_rate_limit    = 1000
+#log_slow_verbosity     = query_plan
+
+#log-queries-not-using-indexes
+#log_slow_admin_statements
+#
+# The following can be used as easy to replay backup logs or for replication.
+# note: if you are setting up a replication slave, see README.Debian about
+#       other settings you may need to change.
+#server-id              = 1
+#report_host            = master1
+#auto_increment_increment = 2
+#auto_increment_offset  = 1
+#log_bin                        = /var/log/mysql/mariadb-bin
+#log_bin_index          = /var/log/mysql/mariadb-bin.index
+# not fab for performance, but safer
+#sync_binlog            = 1
+expire_logs_days        = 10
+max_binlog_size         = 100M
+# slaves
+#relay_log              = /var/log/mysql/relay-bin
+#relay_log_index        = /var/log/mysql/relay-bin.index
+#relay_log_info_file    = /var/log/mysql/relay-bin.info
+#log_slave_updates
+#read_only
+#
+# If applications support it, this stricter sql_mode prevents some
+# mistakes like inserting invalid dates etc.
+#sql_mode               = NO_ENGINE_SUBSTITUTION,TRADITIONAL
+#
+# * InnoDB
+#
+# InnoDB is enabled by default with a 10MB datafile in /var/lib/mysql/.
+# Read the manual for more InnoDB related options. There are many!
+default_storage_engine  = InnoDB
+innodb_buffer_pool_size = 256M
+innodb_log_buffer_size  = 8M
+innodb_file_per_table   = 1
+innodb_open_files       = 400
+innodb_io_capacity      = 400
+innodb_flush_method     = O_DIRECT
+#
+# * Security Features
+#
+# Read the manual, too, if you want chroot!
+# chroot = /var/lib/mysql/
+#
+# For generating SSL certificates I recommend the OpenSSL GUI "tinyca".
+#
+# ssl-ca=/etc/mysql/cacert.pem
+# ssl-cert=/etc/mysql/server-cert.pem
+# ssl-key=/etc/mysql/server-key.pem
+
+#
+# * Galera-related settings
+#
+[galera]
+# Mandatory settings
+#wsrep_on=ON
+#wsrep_provider=
+#wsrep_cluster_address=
+#binlog_format=row
+#default_storage_engine=InnoDB
+#innodb_autoinc_lock_mode=2
+#
+# Allow server to accept connections on all interfaces.
+#
+#bind-address=0.0.0.0
+#
+# Optional setting
+#wsrep_slave_threads=1
+#innodb_flush_log_at_trx_commit=0
+
+[mysqldump]
+quick
+quote-names
+max_allowed_packet      = 16M
+
+[mysql]
+default-character-set = utf8mb4
+no-auto-rehash # faster start of mysql but no tab completion
+
+[isamchk]
+key_buffer              = 16M
+
+#
+# * IMPORTANT: Additional settings that can override those from this file!
+#   The files must end with '.cnf', otherwise they'll be ignored.
+#
+!includedir /etc/mysql/conf.d/

config/nginx/nginx.conf

@@ -0,0 +1,57 @@
+events {}
+
+http {
+    server {
+        server_name localhost;
+        root /var/www/public;
+        index index.php index.html index.htm;
+        listen 80;
+
+        include /etc/nginx/mime.types;
+        default_type application/octet-stream;
+
+        location / {
+            try_files $uri $uri/ /index.php?$query_string;
+        }
+
+        # PHP-FPM Configuration Nginx
+        location ~ \.php$ {
+            try_files $uri = 404;
+            fastcgi_split_path_info ^(.+\.php)(/.+)$;
+            fastcgi_pass php:9000;
+            fastcgi_index index.php;
+            include fastcgi_params;
+            fastcgi_param REQUEST_URI $request_uri;
+            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
+            fastcgi_param PATH_INFO $fastcgi_path_info;
+        }
+
+        # server {
+        #     server_name localhost;
+
+        #     listen 443 ssl;
+        #     fastcgi_param HTTPS on;
+
+        #     ssl_certificate /etc/ssl/server.pem;
+        #     ssl_certificate_key /etc/ssl/server.key;
+        #     ssl_protocols TLSv1.3;
+
+        #     index index.php index.html;
+        #     error_log  /var/log/nginx/error.log;
+        #     access_log /var/log/nginx/access.log;
+        #     root /var/www/html/public;
+
+        #     location ~ \.php$ {
+        #         try_files $uri =404;
+        #         fastcgi_split_path_info ^(.+\.php)(/.+)$;
+        #         fastcgi_pass php:9000;
+        #         fastcgi_index index.php;
+        #         include fastcgi_params;
+        #         fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
+        #         fastcgi_param PATH_INFO $fastcgi_path_info;
+        #     }
+
+        error_log /var/log/nginx/error.log;
+        access_log /var/log/nginx/access.log;
+    }
+}

db/.gitkeep

@@ -0,0 +1 @@
+# to keep dir db

docker-compose.yml

@@ -0,0 +1,55 @@
+services:
+
+  web:
+    image: nginx:latest
+    container_name: nginx
+    restart: always
+    ports:
+      - 80:80
+      - 443:443
+    volumes:
+      - ./www/public:/var/www/public
+      - ./config/nginx/nginx.conf:/etc/nginx/nginx.conf
+      - ./config/ssl:/etc/ssl
+    depends_on:
+      - php
+
+  php:
+    build: ./docker/php
+    container_name: php
+    volumes:
+      - ./www:/var/www
+      - ./config/php/php.ini:/usr/local/etc/php/php.ini
+
+  mariadb:
+    image: mariadb:latest
+    container_name: mariadb
+    restart: always
+    ports:
+      - 3306:3306
+    volumes:
+      - ./db:/var/lib/mysql
+      - ./config/mysql/my.cnf:/etc/mysql/my.cnf
+    environment:
+      - MYSQL_ROOT_PASSWORD=12345
+      - MYSQL_DATABASE=db
+      - MYSQL_USER=pma
+      - MYSQL_PASSWORD=12345
+
+  phpmyadmin:
+    image: phpmyadmin/phpmyadmin:latest
+    container_name: pma
+    restart: always
+    environment:
+      PMA_HOST: mariadb
+      #PMA_ABSOLUTE_URI: http://localhost/pma/
+    ports:
+      - "8080:80"
+    depends_on:
+      - mariadb
+
+  composer:
+    image: composer/composer:latest
+    command: install
+    volumes:
+      - ./composer:/composer

docker/php/Dockerfile

@@ -0,0 +1,48 @@
+FROM php:fpm
+
+WORKDIR /var/www
+
+RUN apt-get --allow-releaseinfo-change update && apt-get upgrade -y \
+    && apt-get install -y \
+    g++ \
+    libbz2-dev \
+    libc-client-dev \
+    libcurl4-gnutls-dev \
+    libedit-dev \
+    libfreetype6-dev \
+    libicu-dev \
+    libjpeg62-turbo-dev \
+    libkrb5-dev \
+    libmcrypt-dev \
+    libpng-dev \
+    libsqlite3-dev \
+    libzip-dev \
+    wget \
+    unzip \
+    zlib1g-dev \
+    && docker-php-ext-install -j$(nproc) \
+    mysqli \
+    pdo_mysql \
+    sockets \
+    && docker-php-ext-configure gd --with-freetype --with-jpeg \
+    && docker-php-ext-install -j$(nproc) gd \
+    && docker-php-ext-configure zip \
+    && docker-php-ext-install zip \
+    && docker-php-source delete \
+    && apt-get remove -y g++ wget \
+    && apt-get autoremove --purge -y && apt-get autoclean -y && apt-get clean -y \
+    && rm -rf /var/lib/apt/lists/* \
+    && rm -rf /tmp/* /var/tmp/*
+
+# Add user 
+RUN groupadd -g 1000 www
+RUN useradd -u 1000 -ms /bin/bash -g www www
+
+# Copy existing application directory contents
+COPY ./ /var/www
+
+# Copy existing application directory permissions
+COPY --chown=www:www ./ /var/www
+
+# Change current user to www
+USER www

www/inc/db.inc.php

@@ -0,0 +1,11 @@
+<?php
+	// Definierar konstanter med användarinformation.
+	define ('DB_USER', 'egytalk');
+	define ('DB_PASSWORD', '12345');
+	define ('DB_HOST', 'mariadb'); // localhost
+	define ('DB_NAME', 'egytalk');
+	
+	// Skapar en anslutning till MySql och databasen world
+	$dsn = 'mysql:host=' . DB_HOST . ';dbname=' . DB_NAME . ';charset=utf8';
+
+	$db = new PDO($dsn, DB_USER, DB_PASSWORD);

www/inc/footer.php

@@ -0,0 +1,5 @@
+<footer>
+    <p>EGY TALK
+    <?php if(isset($_SESSION['name'])) echo "Användare: " . $_SESSION['name']  ?>
+    </p>
+</footer>

www/inc/header.php

@@ -0,0 +1,7 @@
+<header>
+    <img src="/images/loggoegy.png" alt="loggo" id="logga" />
+    <h1>EGY TALK</h1>
+
+    <?php if(isset($_SESSION['uid'])) include 'nav.php'; ?>
+
+</header>

www/inc/nav.php

@@ -0,0 +1,14 @@
+<form>
+    <input type="text" name="searchUsr" placeholder="Sök vänner" size="30" />
+    <button class="search"><img src="/images/searchIcon.png" alt="Search" /></button>
+</form>
+
+<nav>
+    <ul>
+        <li><a href="/"><?php echo $_SESSION['name']; ?></a></li>
+        <li><a href="/flow">Flöde</a></li>
+        <li><a href="/friends">Vänner</a></li>
+        <li><a href="/prefernces">Inställningar</a></li>
+    </ul>
+</nav>
+<button class="sign"><img src="/images/logout.png" alt="Logga Ut" /></button>

www/inc/signUp.php

@@ -0,0 +1,24 @@
+<aside>
+    <img src="/images/mobile.png" alt="Mobiltelefon" width="240" />
+</aside>
+<section>
+    <h2>Skapa konto på EGY Talk</h2>
+    <form method="post">
+        <label for="fn">Förnamn</label>
+        <input id="fn" type="text" name="firstname" />
+
+        <label for="ln">Efternamn</label>
+        <input id="ln" type="text" name="surname" />
+
+        <label for="usr">Användarnamn</label>
+        <input id="usr" type="text" name="user" />
+
+        <label for="pwd">Lösenord</label>
+        <input id="pwd" type="password" name="pwd" />
+
+        <input type="submit" value="Skapa Konto" />
+    </form>
+    <p class="center">eller</p>
+    <button>Login</button>
+</section>
+

www/model/DbEgyTalk.php

@@ -0,0 +1,203 @@
+<?php
+
+/**
+ * Instans av klassen skapar en koppling till databasen egytalk
+ * och tillhandahåller ett antal metoder för att hämta och manipulera data i databasen.
+ *
+ */
+class DbEgyTalk
+{
+    /**
+     * Används i metoder med    $this->db
+     */
+    private $db;
+
+    /**
+     * DbEgyTalk constructor.
+     *
+     * Skapar en koppling till databaseb egytalk
+     */
+    public function __construct(){
+        // Definierar konstanter med användarinformation.
+        define('DB_USER', 'egytalk');
+        define('DB_PASSWORD', '12345');
+        define('DB_HOST', 'mariadb');
+        define('DB_NAME', 'egytalk');
+
+        // Skapar en anslutning till MySql och databasen egytalk
+        $dsn = 'mysql:host=' . DB_HOST . ';dbname=' . DB_NAME . ';charset=utf8';
+        $this->db = new PDO($dsn, DB_USER, DB_PASSWORD);
+    }
+
+    /**
+     * Hämtar alla poster som gjorts på egytalk
+     *
+     * @return array med alla posterr
+     */
+    function getAllPosts() {
+        $posts = [];
+        
+        try{
+            $sqlkod = "SELECT post.*, user.firstname, user.surname, user.username FROM post 
+                NATURAL JOIN user ORDER BY post.date LIMIT 0,30";
+            /* Kör frågan mot databasen egytalk och tabellen Status */
+            $stmt = $this->db->prepare($sqlkod);
+            $stmt->execute();
+
+            $posts = $stmt->fetchAll(PDO::FETCH_ASSOC);
+        }catch(Exception $e){}
+        
+        return $posts;
+    }
+
+    /**
+     * Hämtar poster för en användare,
+     * sorterade efter publiceringsdatum
+     *
+     * @param   $uid    användar-ID för användaren
+     * @param   $limit  antal poster, default = 10
+     * @return  array med statusuppdateringar sorterade efter datum
+     */
+    function getPosts($uid, $limit = 10) {
+        $posts = [];
+        
+        // Egen kod
+
+        return $posts;
+    }
+
+    /**
+     * Hämtar alla kommentarer till en post
+     *
+     * @param  $pid postens ID-nummer
+     * @param   $limit  antal kommentarer, default = 5
+     * @return array med kommentarer sorterade efter datum
+     */
+    function getComments($pid, $limit = 5) {
+        $comments = [];
+
+        // Egen kod
+
+        return $comments;
+    }
+
+    /**
+     * Kontrollerar av användare och lösen.
+     * Skapar global sessions-array med användarinformation.
+     *
+     * @param  $userName  Användarnamn
+     * @param  $passWord  Lösenord
+     * @return $response användardata eller tom [] om inloggning misslyckas
+     */
+    function getUser($userName, $passWord) {
+        $userName = trim(filter_var($userName, FILTER_UNSAFE_RAW));
+        $response = [];
+
+        /* Bygger upp sql frågan */
+        $stmt = $this->db->prepare("SELECT * FROM user WHERE username = :user");
+        $stmt->bindValue(":user", $userName);
+        $stmt->execute();
+
+
+        /** Kontroll att resultat finns */
+        if ($stmt->rowCount() == 1) {
+            // Hämtar användaren, kan endast vara 1 person
+            $user = $stmt->fetch(PDO::FETCH_ASSOC);
+            // Kontrollerar lösenordet, och allt ok.
+            if (password_verify($passWord, $user['password'])) {
+                $response['uid'] = $user['uid'];
+                $response['username'] = $user['username'];
+                $response['firstname'] = $user['firstname'];
+                $response['surname'] = $user['surname'];
+            }
+        }
+
+        return $response;
+    }
+
+    /**
+     * Hämtar anvädardata från användare med secifikt användarID
+     * 
+     * @param  $uid  användarID
+     * @return $response användardata eller tom [] om ingen anvädare hittats eller fel inträffat
+     */
+    function getUserFromUid($uid) {
+        $response = [];
+
+        // Egen kod!
+
+        return $response;
+    }
+
+    /**
+     * Skapar ny samtalstråd.
+     *
+     * @param  $uid       Användar-ID
+     * @param  $postTxt   Postat inlägg
+     * @return true om det lyckades, annars false
+     */
+    function addPost($uid, $postTxt){
+        $stmt = $this->db->prepare("INSERT INTO post(uid, post_txt, date) VALUES(:uid, :post, :date)");
+
+        $stmt->bindValue(":uid", $uid);
+        $stmt->bindValue(":post", $postTxt);
+        $stmt->bindValue(":date", date("Y-m-d h:i:s"));
+
+        return $stmt->execute();
+    }
+
+    /**
+     * Lägger till en ny kommentar till en post.
+     *
+     * @param  $userID    Användar-ID för den som skriver kommentaren
+     * @param  $statusID  Status-ID för statusuppdatering som kommenteras
+     * @param  $comment   Kommentar
+     * @return true om det lyckades, annars false
+     */
+    function addComment($uid, $pid, $comment) {
+        $pid = filter_var($pid, FILTER_SANITIZE_NUMBER_INT);
+        $comment = filter_var($comment, FILTER_SANITIZE_FULL_SPECIAL_CHARS);
+
+        // Egen kod!
+
+        return $stmt->execute();
+    }
+
+    /**
+     * Lägger till en ny användare
+     *
+     * @param  $fname   Förnamn
+     * @param  $sname   Efternamn
+     * @param  $user    Användarnamn
+     * @param  $pwd     Lösenord
+     * @return true om det lyckades, annars false
+     */
+    function addUser($fname, $sname, $user, $pwd){
+        $fname = filter_var($fname, FILTER_SANITIZE_FULL_SPECIAL_CHARS);
+        $sname = filter_var($sname, FILTER_SANITIZE_FULL_SPECIAL_CHARS);
+        $user = filter_var($user, FILTER_SANITIZE_FULL_SPECIAL_CHARS);
+        $pwd = password_hash($pwd, PASSWORD_DEFAULT);
+
+        // Egen kod!
+
+        return $stmt->execute();
+    }
+
+    /**
+     * Söker efter användare.
+     *
+     * @param  $user    Sökord
+     * @return array med användare
+     */
+    function findUsers($user){
+        $searchWord = filter_var($user, FILTER_UNSAFE_RAW);
+
+        /* Bygger upp sql frågan */
+        $stmt = $this->db->prepare("SELECT * FROM user WHERE firstname LIKE :search");
+        $stmt->bindValue(":search", "%$user%");
+
+        $stmt->execute();
+
+        return $stmt->fetchAll(PDO::FETCH_ASSOC);
+    }
+}

www/model/dbFunctions.php

@@ -0,0 +1,90 @@
+<?php
+/**
+* Anluter till databasen och returnerar ett PDO-objekt
+* @return PDO  Objektet som returneras
+*/
+function connectToDb(){
+    // Definierar konstanter med användarinformation.
+    define ('DB_USER', 'egytalk');
+    define ('DB_PASSWORD', '12345');
+    define ('DB_HOST', 'mariadb'); // mariadb om docker annars localhost
+    define ('DB_NAME', 'egytalk');
+    
+    // Skapar en anslutning till MySql och databasen egytalk
+    $dsn = 'mysql:host=' . DB_HOST . ';dbname=' . DB_NAME . ';charset=utf8';
+    $db = new PDO($dsn, DB_USER, DB_PASSWORD);
+    
+    return $db;
+}
+
+/**
+ * Kontrollerar av användare och lösen.
+ *
+ * @param  $db  databasobjekt (pdo)
+ * @param  $userName  Användarnamn
+ * @param  $passWord  Lösenord
+ * @return $response användardata eller tom [] om inloggning misslyckas
+ */
+function getUser($db, $userName, $password) {
+    $response = [];
+
+    try {
+        /* Bygger upp sql frågan */
+        $stmt = $db->prepare("SELECT * FROM user WHERE username = :user");
+        $stmt->bindValue(":user", $userName);
+        $stmt->execute();
+    } catch(Exception $e){
+        /** Tom array om anropet misslyckas */
+        return $response;
+    } 
+
+    /** Kontroll att resultat finns */
+    if ($stmt->rowCount() == 1) {
+        // Hämtar användaren, kan endast vara 1 person
+        $user = $stmt->fetch(PDO::FETCH_ASSOC);
+        // Kontrollerar lösenordet, och allt ok.
+        if (password_verify($password, $user['password'])) {
+            $response = $user;
+        }
+    }
+    
+    return $response;
+}
+
+/**
+ * Hämtar användares status-uppdateringar i tabellen post
+ *
+ * @param $db PDO-objekt
+ * @param $uid Användarens uid
+ * @return array med alla status-uppdateringar
+ */
+function getPosts($db, $uid){
+    $response = [];
+
+    // Egen kod!
+    
+    return $response;
+}
+ 
+/**
+* Hämtar alla status-uppdateringar i tabellen post
+*
+* @param $db PDO-objekt
+* @return array med alla status-uppdateringar
+*/
+function getAllPosts($db){
+    $response = [];
+
+    try{
+        $sqlkod = "SELECT post.*, user.firstname, user.surname, user.username 
+        FROM post NATURAL JOIN user ORDER BY post.date LIMIT 0,30";
+    
+        /* Kör frågan mot databasen egytalk och tabellen post */
+        $stmt = $db->prepare($sqlkod);
+        $stmt->execute();
+
+        $response = $stmt->fetchAll(PDO::FETCH_ASSOC);
+    }catch(Exception $e){}
+
+    return $response;
+}

www/public/controller/ctrlFunctions.php

@@ -0,0 +1,54 @@
+<?php
+if (session_status() == PHP_SESSION_NONE)  session_start();
+
+include_once('../model/dbFunctions.php');
+
+/**
+ * Kontrollerar av användare och lösen.
+ * Skapar global sessions-array med användarinformation.
+ *
+ * @param  $userName  Användarnamn
+ * @param  $passWord  Lösenord
+ * @return $response användardata eller tom [] om inloggning misslyckas
+ */
+function auth($userName, $password){
+   $success = false;
+   $userName = trim(filter_var($userName, FILTER_SANITIZE_SPECIAL_CHARS));
+
+   $db = connectToDb();
+   $response = getUser($db, $userName, $password);
+
+   if (!empty($response)) {
+      session_regenerate_id();
+
+      $_SESSION['uid'] = $response['uid'];
+      $_SESSION['username'] = $response['username'];
+      $_SESSION['firstname'] = $response['firstname'];
+      $_SESSION['surname'] = $response['surname'];
+
+      $success = true;
+   }
+
+   return $success;
+}
+
+/**
+ * Hämtar användares status-uppdateringar i tabellen post
+ *
+ * @param $uid Användarens uid
+ * @return array med alla status-uppdateringar
+ */
+function getPostsFromUser($uid){
+   if(!isset($_SESSION['uid']))
+      return [];
+
+   $db = connectToDb();
+   return getPosts($db, $uid);
+}
+/**
+ * Loggar ut genom att ta bort sessionen
+ */
+function logOut(){
+   $_SESSION = array();
+   session_destroy();
+}

www/public/css/style.css

@@ -0,0 +1,184 @@
+* {
+  margin: 0;
+  padding: 0;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Helvetica Neue", sans-serif;
+  box-sizing: border-box;
+}
+
+@font-face {
+  font-family: saker;
+  src: url(./fonts/SakerSansMedium.ttf);
+}
+@font-face {
+  font-family: saker;
+  src: url(./fonts/SakerSansBold.ttf);
+  font-weight: bold;
+}
+html {
+  font-size: 62.5%;
+}
+
+body {
+  font-size: 1.6rem;
+  height: 100%;
+  background-color: #e8e8e8;
+  position: relative;
+  min-height: 100vh;
+}
+
+/** Header */
+header {
+  width: 100%;
+  font-size: 1.2rem;
+  text-align: left;
+  height: 80px;
+  padding-top: 5px;
+  background-image: url("/images/bgImg.png");
+  background-repeat: repeat;
+  color: white;
+  position: relative;
+  border-bottom: 2px solid rgb(124, 10, 10);
+}
+header h1 {
+  display: inline-block;
+  font-family: saker, Arial;
+  letter-spacing: 3px;
+  font-size: 2.6rem;
+  margin-top: 1.8rem;
+  margin-left: 2.5rem;
+}
+header img {
+  float: left;
+  height: 50px;
+  margin-top: 10px;
+  margin-left: 50px;
+}
+
+@media only screen and (max-width: 1024px) {
+  header {
+    height: 12rem;
+  }
+  header img {
+    margin-left: 25px;
+  }
+}
+@media only screen and (max-width: 675px) {
+  header {
+    height: 108px;
+  }
+  header img {
+    margin-left: 15px;
+  }
+}
+/** END header */
+input,
+p,
+label,
+button {
+  font-size: 1.4rem;
+}
+
+input {
+  padding: 0.3rem;
+}
+
+p {
+  text-align: justify;
+}
+
+main {
+  max-width: 768px;
+  margin: 0 auto;
+  padding: 20px 4px 45px 4px;
+  position: relative;
+  height: 100%;
+}
+main h1 {
+  font-family: saker, Arial, Helvetica, sans-serif;
+  font-size: 2.2rem;
+  letter-spacing: 0.4rem;
+}
+main h2 {
+  margin-top: 0.5rem;
+  font-family: Arial, sans-serif;
+  font-size: 1.8rem;
+  letter-spacing: 2px;
+}
+main h3 {
+  margin-top: 4px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1.6rem;
+  margin-bottom: 0.5rem;
+}
+main h4 {
+  margin-top: 4px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1.4rem;
+  margin-bottom: 0.5rem;
+}
+
+label {
+  display: block;
+}
+
+input {
+  width: 100%;
+}
+input[type=submit] {
+  color: white;
+  background-color: #166fe5;
+  border: none;
+  margin: 10px 10px 0 0;
+  padding: 0.7rem;
+  border-radius: 6px;
+}
+input[type=submit]:hover {
+  background-color: blue;
+}
+
+aside,
+section {
+  display: inline-block;
+  vertical-align: top;
+}
+
+aside {
+  margin-right: 10px;
+}
+
+button {
+  width: 100%;
+  color: white;
+  background-color: grey;
+  border: none;
+  margin: 10px 10px 0 0;
+  padding: 0.7rem;
+  border-radius: 6px;
+}
+button:hover {
+  background-color: #aeaeae;
+}
+
+p.center {
+  text-align: center;
+  margin-top: 0.5rem;
+}
+
+@media only screen and (max-width: 675px) {
+  img {
+    display: none;
+  }
+}
+/** footer */
+footer {
+  height: 45px;
+  width: 100%;
+  background-image: url("/images/bgImgLarge.png");
+  border-top: 2px solid rgb(124, 10, 10);
+  position: absolute;
+  bottom: 0;
+}
+footer p {
+  color: white;
+  padding: 1rem;
+}/*# sourceMappingURL=style.css.map */

www/public/css/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AACA;EACI,SAAA;EACA,UAAA;EACA,wHAAA;EACA,sBAAA;ACAJ;;ADGA;EACI,kBAAA;EACA,qCAAA;ACAJ;ADGA;EACI,kBAAA;EACA,mCAAA;EACA,iBAAA;ACDJ;ADIA;EACI,gBAAA;ACFJ;;ADKA;EACI,iBAAA;EACA,YAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;ACFJ;;ADIA,YAAA;AACA;EACI,WAAA;EACA,iBAAA;EACA,gBAAA;EACA,YAAA;EACA,gBAAA;EACA,0CAAA;EACA,yBAAA;EACA,YAAA;EACA,kBAAA;EACA,yCAAA;ACDJ;ADGI;EACI,qBAAA;EACA,yBAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;ACDR;ADII;EACI,WAAA;EACA,YAAA;EACA,gBAAA;EACA,iBAAA;ACFR;;ADMA;EACI;IACI,aAAA;ECHN;EDKM;IACI,iBAAA;ECHV;AACF;ADOA;EACI;IACI,aAAA;ECLN;EDOM;IACI,iBAAA;ECLV;AACF;ADSA,gBAAA;AAEA;;;;EAII,iBAAA;ACRJ;;ADWA;EACI,eAAA;ACRJ;;ADWA;EACI,mBAAA;ACRJ;;ADWA;EACI,gBAAA;EACA,cAAA;EACA,0BAAA;EACA,kBAAA;EACA,YAAA;ACRJ;ADUI;EACI,gDAAA;EACA,iBAAA;EACA,sBAAA;ACRR;ADWI;EACI,kBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;ACTR;ADYI;EACI,eAAA;EACA,yCAAA;EACA,iBAAA;EACA,qBAAA;ACVR;ADaI;EACI,eAAA;EACA,yCAAA;EACA,iBAAA;EACA,qBAAA;ACXR;;ADeA;EACI,cAAA;ACZJ;;ADeA;EACI,WAAA;ACZJ;ADcI;EACI,YAAA;EACA,yBAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;EACA,kBAAA;ACZR;ADcQ;EACI,sBAAA;ACZZ;;ADgBA;;EAEI,qBAAA;EACA,mBAAA;ACbJ;;ADgBA;EACI,kBAAA;ACbJ;;ADgBA;EACI,WAAA;EACA,YAAA;EACA,sBAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;EACA,kBAAA;ACbJ;ADeI;EACI,yBAAA;ACbR;;ADiBA;EACI,kBAAA;EACA,kBAAA;ACdJ;;ADiBA;EACI;IACI,aAAA;ECdN;AACF;ADiBA,YAAA;AACA;EACI,YAAA;EACA,WAAA;EACA,+CAAA;EACA,sCAAA;EACA,kBAAA;EACA,SAAA;ACfJ;ADiBI;EACI,YAAA;EACA,aAAA;ACfR","file":"style.css"}

www/public/css/style.scss

@@ -0,0 +1,201 @@
+
+* {
+    margin: 0;
+    padding: 0;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
+    box-sizing: border-box;
+}
+
+@font-face {
+    font-family: saker;
+    src: url(./fonts/SakerSansMedium.ttf);
+}
+
+@font-face {
+    font-family: saker;
+    src: url(./fonts/SakerSansBold.ttf);
+    font-weight: bold;
+}
+
+html {
+    font-size: 62.5%;
+}
+
+body {
+    font-size: 1.6rem;
+    height: 100%;
+    background-color: #e8e8e8;
+    position: relative;
+    min-height: 100vh;
+}
+/** Header */
+header {
+    width: 100%;
+    font-size: 1.2rem;
+    text-align: left;
+    height: 80px;
+    padding-top: 5px;
+    background-image: url("/images/bgImg.png");
+    background-repeat: repeat;
+    color: white;
+    position: relative;
+    border-bottom: 2px solid rgb(124, 10, 10);
+
+    h1 {
+        display: inline-block;
+        font-family: saker, Arial;
+        letter-spacing: 3px;
+        font-size: 2.6rem;
+        margin-top: 1.8rem;
+        margin-left: 2.5rem;
+    }
+
+    img {
+        float: left;
+        height: 50px;
+        margin-top: 10px;
+        margin-left: 50px;
+    }
+}
+
+@media only screen and (max-width: 1024px) {
+    header {          
+        height: 12rem;
+
+        img {
+            margin-left: 25px;
+        }
+    }
+}
+
+@media only screen and (max-width: 675px) {
+    header {
+        height: 108px;
+
+        img {
+            margin-left: 15px;
+        }
+    }
+}
+
+/** END header */
+
+input,
+p,
+label,
+button {
+    font-size: 1.4rem;
+}
+
+input {
+    padding: 0.3rem;
+}
+
+p {
+    text-align: justify;
+}
+
+main {
+    max-width: 768px;
+    margin: 0 auto;
+    padding: 20px 4px 45px 4px;
+    position: relative;
+    height: 100%;
+
+    h1 {
+        font-family: saker, Arial, Helvetica, sans-serif;
+        font-size: 2.2rem;
+        letter-spacing: 0.4rem;
+    }
+
+    h2 {
+        margin-top: 0.5rem;
+        font-family: Arial, sans-serif;
+        font-size: 1.8rem;
+        letter-spacing: 2px;
+    }
+
+    h3 {
+        margin-top: 4px;
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 1.6rem;
+        margin-bottom: 0.5rem;
+    }
+
+    h4 {
+        margin-top: 4px;
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 1.4rem;
+        margin-bottom: 0.5rem;
+    }
+}
+
+label {
+    display: block;
+}
+
+input {
+    width: 100%;
+
+    &[type="submit"] {
+        color: white;
+        background-color: #166fe5;
+        border: none;
+        margin: 10px 10px 0 0;
+        padding: 0.7rem;
+        border-radius: 6px;
+
+        &:hover {
+            background-color: blue;
+        }
+    }
+}
+aside,
+section {
+    display: inline-block;
+    vertical-align: top;
+}
+
+aside {
+    margin-right: 10px;
+}
+
+button {
+    width: 100%;
+    color: white;
+    background-color: grey;
+    border: none;
+    margin: 10px 10px 0 0;
+    padding: 0.7rem;
+    border-radius: 6px;
+
+    &:hover {
+        background-color: #aeaeae;
+    }
+}
+
+p.center {
+    text-align: center;
+    margin-top: 0.5rem;
+}
+
+@media only screen and (max-width: 675px) {
+    img {
+        display: none;
+    }
+}
+
+/** footer */
+footer{
+    height: 45px;
+    width: 100%;
+    background-image: url('/images/bgImgLarge.png');
+    border-top: 2px solid rgb(124, 10, 10);
+    position: absolute;
+    bottom: 0;
+
+    p {
+        color: white;
+        padding: 1rem;
+    }
+}

www/public/flow/index.php

@@ -0,0 +1,25 @@
+<?php if (session_status() == PHP_SESSION_NONE) session_start(); ?>
+<!DOCTYPE html>
+<html lang="sv">
+<head>
+    <meta charset="utf-8" >
+    <title>EGY Talk Flöde</title>
+	<link rel="stylesheet" href="/css/style.css">
+    <link rel="icon" href="/favicon.png">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>    
+	<?php include $_SERVER['DOCUMENT_ROOT'] . '/../inc/header.php'; ?>
+
+	<main>
+    <?php   
+	    if(isset($_SESSION['uid'])){
+            // Show Flow
+        }else{ 
+            // Egen kod!
+        } 
+    ?>
+	</main>
+    <?php include $_SERVER['DOCUMENT_ROOT'] . '/../inc/footer.php'; ?>
+</body>
+</html>

www/public/index.php

@@ -0,0 +1,25 @@
+<?php if (session_status() == PHP_SESSION_NONE) session_start(); ?>
+<!DOCTYPE html>
+<html lang="sv">
+<head>
+    <meta charset="utf-8">
+    <title>EGY Talk</title>
+	<link rel="stylesheet" href="/css/style.css">
+    <link rel="icon" href="/favicon.png">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>    
+	<?php include $_SERVER['DOCUMENT_ROOT'] . '/../inc/header.php'; ?>
+
+	<main>
+    <?php   
+	    if(isset($_SESSION['uid'])){
+            // Show Flow
+        }else{ 
+            include $_SERVER['DOCUMENT_ROOT'] . '/../inc/signUp.php';
+        } 
+    ?>
+	</main>
+    <?php include $_SERVER['DOCUMENT_ROOT'] . '/../inc/footer.php'; ?>
+</body>
+</html>