Initial commit

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
new file mode 100644 (file)
index 0000000..fef13ef
--- /dev/null
+++ b/.gitlab-ci.yml
@@ -0,0 +1,13 @@
+# You can override the included template(s) by including variable overrides
+# SAST customization: https://docs.gitlab.com/ee/user/application_security/sast/#customizing-the-sast-settings
+# Secret Detection customization: https://docs.gitlab.com/ee/user/application_security/secret_detection/#customizing-settings
+# Dependency Scanning customization: https://docs.gitlab.com/ee/user/application_security/dependency_scanning/#customizing-the-dependency-scanning-settings
+# Container Scanning customization: https://docs.gitlab.com/ee/user/application_security/container_scanning/#customizing-the-container-scanning-settings
+# Note that environment variables can be set in several places
+# See https://docs.gitlab.com/ee/ci/variables/#cicd-variable-precedence
+stages:
+- test
+sast:
+  stage: test
+include:
+- template: Security/SAST.gitlab-ci.yml

diff --git a/Dockerfile b/Dockerfile
new file mode 100644 (file)
index 0000000..ad193a2
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,22 @@
+FROM alpine@sha256:0a4eaa0eecf5f8c050e5bba433f58c052be7587ee8af3e8b3910ef9ab5fbe9f5 AS base
+LABEL maintainer="Christian Goeschel Ndjomouo"
+RUN apk update
+RUN apk add nginx
+RUN adduser -D -g 'www' www
+RUN mkdir /www
+RUN chown -R www:www /var/lib/nginx
+RUN chown -R www:www /www
+
+WORKDIR /etc/nginx/ 
+COPY nginx/nginx.conf nginx.conf
+RUN mkdir conf.d/
+WORKDIR /
+
+FROM base AS portfolio-proxy
+RUN mkdir -p /etc/ssl/letsencrypt/
+EXPOSE 443/tcp
+CMD ["nginx","-g","daemon off;"]
+
+FROM base AS portfolio-web
+EXPOSE 8080/tcp
+CMD ["nginx","-g","daemon off;"]

diff --git a/README.md b/README.md
new file mode 100644 (file)
index 0000000..84e3a5e
--- /dev/null
+++ b/README.md
@@ -0,0 +1,93 @@
+# Portfolio
+
+
+
+## Getting started
+
+To make it easy for you to get started with GitLab, here's a list of recommended next steps.
+
+Already a pro? Just edit this README.md and make it your own. Want to make it easy? [Use the template at the bottom](#editing-this-readme)!
+
+## Add your files
+
+- [ ] [Create](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#create-a-file) or [upload](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#upload-a-file) files
+- [ ] [Add files using the command line](https://docs.gitlab.com/ee/gitlab-basics/add-file.html#add-a-file-using-the-command-line) or push an existing Git repository with the following command:
+
+```
+cd existing_repo
+git remote add origin https://gitlab.com/christiangoeschel/portfolio.git
+git branch -M main
+git push -uf origin main
+```
+
+## Integrate with your tools
+
+- [ ] [Set up project integrations](https://gitlab.com/christiangoeschel/portfolio/-/settings/integrations)
+
+## Collaborate with your team
+
+- [ ] [Invite team members and collaborators](https://docs.gitlab.com/ee/user/project/members/)
+- [ ] [Create a new merge request](https://docs.gitlab.com/ee/user/project/merge_requests/creating_merge_requests.html)
+- [ ] [Automatically close issues from merge requests](https://docs.gitlab.com/ee/user/project/issues/managing_issues.html#closing-issues-automatically)
+- [ ] [Enable merge request approvals](https://docs.gitlab.com/ee/user/project/merge_requests/approvals/)
+- [ ] [Set auto-merge](https://docs.gitlab.com/ee/user/project/merge_requests/merge_when_pipeline_succeeds.html)
+
+## Test and Deploy
+
+Use the built-in continuous integration in GitLab.
+
+- [ ] [Get started with GitLab CI/CD](https://docs.gitlab.com/ee/ci/quick_start/index.html)
+- [ ] [Analyze your code for known vulnerabilities with Static Application Security Testing (SAST)](https://docs.gitlab.com/ee/user/application_security/sast/)
+- [ ] [Deploy to Kubernetes, Amazon EC2, or Amazon ECS using Auto Deploy](https://docs.gitlab.com/ee/topics/autodevops/requirements.html)
+- [ ] [Use pull-based deployments for improved Kubernetes management](https://docs.gitlab.com/ee/user/clusters/agent/)
+- [ ] [Set up protected environments](https://docs.gitlab.com/ee/ci/environments/protected_environments.html)
+
+***
+
+# Editing this README
+
+When you're ready to make this README your own, just edit this file and use the handy template below (or feel free to structure it however you want - this is just a starting point!). Thanks to [makeareadme.com](https://www.makeareadme.com/) for this template.
+
+## Suggestions for a good README
+
+Every project is different, so consider which of these sections apply to yours. The sections used in the template are suggestions for most open source projects. Also keep in mind that while a README can be too long and detailed, too long is better than too short. If you think your README is too long, consider utilizing another form of documentation rather than cutting out information.
+
+## Name
+Choose a self-explaining name for your project.
+
+## Description
+Let people know what your project can do specifically. Provide context and add a link to any reference visitors might be unfamiliar with. A list of Features or a Background subsection can also be added here. If there are alternatives to your project, this is a good place to list differentiating factors.
+
+## Badges
+On some READMEs, you may see small images that convey metadata, such as whether or not all the tests are passing for the project. You can use Shields to add some to your README. Many services also have instructions for adding a badge.
+
+## Visuals
+Depending on what you are making, it can be a good idea to include screenshots or even a video (you'll frequently see GIFs rather than actual videos). Tools like ttygif can help, but check out Asciinema for a more sophisticated method.
+
+## Installation
+Within a particular ecosystem, there may be a common way of installing things, such as using Yarn, NuGet, or Homebrew. However, consider the possibility that whoever is reading your README is a novice and would like more guidance. Listing specific steps helps remove ambiguity and gets people to using your project as quickly as possible. If it only runs in a specific context like a particular programming language version or operating system or has dependencies that have to be installed manually, also add a Requirements subsection.
+
+## Usage
+Use examples liberally, and show the expected output if you can. It's helpful to have inline the smallest example of usage that you can demonstrate, while providing links to more sophisticated examples if they are too long to reasonably include in the README.
+
+## Support
+Tell people where they can go to for help. It can be any combination of an issue tracker, a chat room, an email address, etc.
+
+## Roadmap
+If you have ideas for releases in the future, it is a good idea to list them in the README.
+
+## Contributing
+State if you are open to contributions and what your requirements are for accepting them.
+
+For people who want to make changes to your project, it's helpful to have some documentation on how to get started. Perhaps there is a script that they should run or some environment variables that they need to set. Make these steps explicit. These instructions could also be useful to your future self.
+
+You can also document commands to lint the code or run tests. These steps help to ensure high code quality and reduce the likelihood that the changes inadvertently break something. Having instructions for running tests is especially helpful if it requires external setup, such as starting a Selenium server for testing in a browser.
+
+## Authors and acknowledgment
+Show your appreciation to those who have contributed to the project.
+
+## License
+For open source projects, say how it is licensed.
+
+## Project status
+If you have run out of energy or time for your project, put a note at the top of the README saying that development has slowed down or stopped completely. Someone may choose to fork your project or volunteer to step in as a maintainer or owner, allowing your project to keep going. You can also make an explicit request for maintainers.

diff --git a/certbot/cli.ini b/certbot/cli.ini
new file mode 100644 (file)
index 0000000..fa7a3fc
--- /dev/null
+++ b/certbot/cli.ini
@@ -0,0 +1,34 @@
+# This is an example of the kind of things you can do in a configuration file.
+# All flags used by the client can be configured here. Run Certbot with
+# "--help" to learn more about the available options.
+#
+# Note that these options apply automatically to all use of Certbot for
+# obtaining or renewing certificates, so options specific to a single
+# certificate on a system with several certificates should not be placed
+# here.
+
+# Use ECC for the private key
+key-type = ecdsa
+elliptic-curve = secp384r1
+
+# Use a 4096 bit RSA key instead of 2048
+rsa-key-size = 4096
+
+# Uncomment and update to register with the specified e-mail address
+email = cndjomouo@icloud.com
+
+# Uncomment to use the standalone authenticator on port 443
+authenticator = standalone
+
+# Uncomment to use the webroot authenticator. Replace webroot-path with the
+# path to the public_html / webroot folder being served by your web server.
+# authenticator = webroot
+# webroot-path = /usr/share/nginx/html
+
+# Uncomment to automatically agree to the terms of service of the ACME server
+agree-tos = true
+
+# An example of using an alternate ACME server that uses EAB credentials
+# server = https://acme.sectigo.com/v2/InCommonRSAOV
+# eab-kid = somestringofstuffwithoutquotes
+# eab-hmac-key = yaddayaddahexhexnotquoted

diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644 (file)
index 0000000..1bf4304
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,31 @@
+services:
+  proxy:
+    build:
+      context: .
+      dockerfile: Dockerfile
+      target: portfolio-proxy
+    container_name: portfolio-proxy
+    networks:
+      - portfolio-net
+    ports:
+      - "443:443/tcp"
+    volumes:
+      - /etc/letsencrypt/:/etc/ssl/letsencrypt/:ro
+      - ./nginx/default-nginx-proxy.conf:/etc/nginx/conf.d/default.conf:ro
+    restart: unless-stopped
+
+  web:
+    build:
+      context: .
+      dockerfile: Dockerfile
+      target: portfolio-web
+    container_name: portfolio-web
+    networks:
+      - portfolio-net
+    volumes:
+      - ./nginx/default-nginx-web.conf:/etc/nginx/conf.d/default.conf:ro
+      - ./src:/www
+    restart: unless-stopped
+
+networks:
+  portfolio-net:

diff --git a/nginx/default-nginx-proxy.conf b/nginx/default-nginx-proxy.conf
new file mode 100644 (file)
index 0000000..4393df7
--- /dev/null
+++ b/nginx/default-nginx-proxy.conf
@@ -0,0 +1,59 @@
+server {
+    listen       80;
+    listen  [::]:80;
+    server_name  localhost;
+
+    location / {
+        proxy_buffering on;
+        proxy_buffers 16 4k;
+        proxy_buffer_size 4k;
+        proxy_busy_buffers_size 8k;
+        proxy_pass http://portfolio-web:8080;
+    }
+    
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+} 
+
+server {
+    listen 443 ssl;
+    server_name christiangoeschel.com;
+    ssl_certificate /etc/ssl/letsencrypt/live/christiangoeschel.com/fullchain.pem;
+    ssl_certificate_key /etc/ssl/letsencrypt/live/christiangoeschel.com/privkey.pem;
+    
+    location / {
+        proxy_pass http://portfolio-web:8080;
+        proxy_buffering on;
+        proxy_buffers 16 4k;
+        proxy_buffer_size 4k;
+        proxy_busy_buffers_size 8k;
+       proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+}
+
+    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
+    #
+    #location ~ \.php$ {
+    #    proxy_pass   http://127.0.0.1;
+    #}
+
+    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
+    #
+    #location ~ \.php$ {
+    #    root           html;
+    #    fastcgi_pass   127.0.0.1:9000;
+    #    fastcgi_index  index.php;
+    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
+    #    include        fastcgi_params;
+    #}
+
+    # deny access to .htaccess files, if Apache's document root
+    # concurs with nginx's one
+    #
+    #location ~ /\.ht {
+    #    deny  all;
+    #}
+

diff --git a/nginx/default-nginx-web.conf b/nginx/default-nginx-web.conf
new file mode 100644 (file)
index 0000000..51e1b42
--- /dev/null
+++ b/nginx/default-nginx-web.conf
@@ -0,0 +1,45 @@
+server {
+    listen       8080;
+    listen  [::]:8080;
+    server_name  localhost;
+
+    #access_log  /var/log/nginx/host.access.log  main;
+
+    location / {
+        root   /www;
+        index  index.html index.htm;
+    }
+
+    #error_page  404              /404.html;
+
+    # redirect server error pages to the static page /50x.html
+    #
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+
+    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
+    #
+    #location ~ \.php$ {
+    #    proxy_pass   http://127.0.0.1;
+    #}
+
+    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
+    #
+    #location ~ \.php$ {
+    #    root           html;
+    #    fastcgi_pass   127.0.0.1:9000;
+    #    fastcgi_index  index.php;
+    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
+    #    include        fastcgi_params;
+    #}
+
+    # deny access to .htaccess files, if Apache's document root
+    # concurs with nginx's one
+    #
+    #location ~ /\.ht {
+    #    deny  all;
+    #}
+}
+

diff --git a/nginx/default.conf b/nginx/default.conf
new file mode 100644 (file)
index 0000000..ac54d8e
--- /dev/null
+++ b/nginx/default.conf
@@ -0,0 +1,45 @@
+server {
+    listen       80;
+    listen  [::]:80;
+    server_name  localhost;
+
+    #access_log  /var/log/nginx/host.access.log  main;
+
+    location / {
+        root   /usr/share/nginx/html;
+        index  index.html index.htm;
+    }
+
+    #error_page  404              /404.html;
+
+    # redirect server error pages to the static page /50x.html
+    #
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+
+    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
+    #
+    #location ~ \.php$ {
+    #    proxy_pass   http://127.0.0.1;
+    #}
+
+    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
+    #
+    #location ~ \.php$ {
+    #    root           html;
+    #    fastcgi_pass   127.0.0.1:9000;
+    #    fastcgi_index  index.php;
+    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
+    #    include        fastcgi_params;
+    #}
+
+    # deny access to .htaccess files, if Apache's document root
+    # concurs with nginx's one
+    #
+    #location ~ /\.ht {
+    #    deny  all;
+    #}
+}
+

diff --git a/nginx/nginx.conf b/nginx/nginx.conf
new file mode 100644 (file)
index 0000000..f966dd4
--- /dev/null
+++ b/nginx/nginx.conf
@@ -0,0 +1,32 @@
+
+user  www;
+worker_processes  auto;
+
+error_log  /var/log/nginx/error.log notice;
+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;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+
+    #gzip  on;
+
+    include /etc/nginx/conf.d/*.conf;
+}

diff --git a/src/css/messina-stylesheet.css b/src/css/messina-stylesheet.css
new file mode 100644 (file)
index 0000000..9d06627
--- /dev/null
+++ b/src/css/messina-stylesheet.css
@@ -0,0 +1,72 @@
+@font-face {
+    font-family: 'Messina Sans Mono SemiBold';
+    src: url('../fonts/Messina/MessinaSansMono-SemiBold.eot');
+    src: local('Messina Sans Mono SemiBold'), local('MessinaSansMono-SemiBold'),
+        url('../fonts/Messina/MessinaSansMono-SemiBold.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Messina/MessinaSansMono-SemiBold.woff2') format('woff2'),
+        url('../fonts/Messina/MessinaSansMono-SemiBold.woff') format('woff'),
+        url('../fonts/Messina/MessinaSansMono-SemiBold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Messina Sans Mono Light';
+    src: url('../fonts/Messina/MessinaSansMono-Light.eot');
+    src: local('Messina Sans Mono Light'), local('MessinaSansMono-Light'),
+        url('../fonts/Messina/MessinaSansMono-Light.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Messina/MessinaSansMono-Light.woff2') format('woff2'),
+        url('../fonts/Messina/MessinaSansMono-Light.woff') format('woff'),
+        url('../fonts/Messina/MessinaSansMono-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Messina Sans Mono Book';
+    src: url('MessinaSansMono-Book.eot');
+    src: local('Messina Sans Mono Book'), local('MessinaSansMono-Book'),
+        url('MessinaSansMono-Book.eot?#iefix') format('embedded-opentype'),
+        url('MessinaSansMono-Book.woff2') format('woff2'),
+        url('MessinaSansMono-Book.woff') format('woff'),
+        url('MessinaSansMono-Book.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Messina Sans Mono';
+    src: url('../fonts/Messina/MessinaSansMono-Bold.eot');
+    src: local('Messina Sans Mono Bold'), local('MessinaSansMono-Bold'),
+        url('../fonts/Messina/MessinaSansMono-Bold.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Messina/MessinaSansMono-Bold.woff2') format('woff2'),
+        url('../fonts/Messina/MessinaSansMono-Bold.woff') format('woff'),
+        url('../fonts/Messina/MessinaSansMono-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Messina Sans Mono';
+    src: url('../fonts/Messina/MessinaSansMono-Regular.eot');
+    src: local('Messina Sans Mono Regular'), local('MessinaSansMono-Regular'),
+        url('../fonts/Messina/MessinaSansMono-Regular.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Messina/MessinaSansMono-Regular.woff2') format('woff2'),
+        url('../fonts/Messina/MessinaSansMono-Regular.woff') format('woff'),
+        url('../fonts/Messina/MessinaSansMono-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Messina Sans Mono';
+    src: url('../fonts/Messina/MessinaSansMono-Black.eot');
+    src: local('Messina Sans Mono Black'), local('MessinaSansMono-Black'),
+        url('../fonts/Messina/MessinaSansMono-Black.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/Messina/MessinaSansMono-Black.woff2') format('woff2'),
+        url('../fonts/Messina/MessinaSansMono-Black.woff') format('woff'),
+        url('../fonts/Messina/MessinaSansMono-Black.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+}
+

diff --git a/src/css/style.css b/src/css/style.css
new file mode 100644 (file)
index 0000000..d78c836
--- /dev/null
+++ b/src/css/style.css
@@ -0,0 +1,182 @@
+@import url(messina-stylesheet.css);
+@import url(basis-stylesheet.css);
+
+@font-face {
+    font-family: "CamptonBook";
+    src:
+      url("../fonts/CamptonBook.otf") format("opentype");
+  }
+
+@font-face {
+    font-family: "VoyageReg";
+    src:
+      url('..fonts/VoyageReg.eot?#iefix') format('embedded-opentype'),
+      url("../fonts/VoyageReg.otf") format("opentype"),
+      url('../fonts/VoyageReg.svg#VoyagerReg') format('svg');
+}
+
+@font-face {
+    font-family: "MaisonNeueMono";
+    src:
+      url('../fonts/MaisonNeueMono.ttf')  format('truetype');
+
+}
+
+@font-face {
+    font-family: "GT-Flexa";
+    src: url("../fonts/GT-Flexa/GT-Flexa-Medium-Trial.otf") format("opentype");
+
+}
+
+@media (max-width: 900px) {
+    html { font-size: 15px; }
+}
+
+@media (max-width: 400px) {
+    html { font-size: 13px; }
+}
+
+::selection {
+    background: #3c40c6; /* WebKit/Blink Browsers */
+  }
+::-moz-selection {
+    background: #3c40c6; /* Gecko Browsers */
+}
+
+/* width */
+::-webkit-scrollbar {
+    width: 3px;
+  
+  }
+  
+  /* Track */
+  ::-webkit-scrollbar-track {
+    background: transparent; 
+  }
+   
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    background: #4d463c;
+  }
+  
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    background: #999999;
+  }
+
+.floating_message::-webkit-scrollbar {
+    width: 3px;
+  
+  }
+
+   /* Track */
+.floating_message::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.3); 
+  }
+   
+  /* Handle */
+.floating_message::-webkit-scrollbar-thumb {
+    background: #000; 
+  }
+  
+  /* Handle on hover */
+.floating_message::-webkit-scrollbar-thumb:hover {
+    background: #484848; 
+  }
+
+
+html, body {
+    height: 100%;
+    width: 100%;
+    background-color: #fffef8;
+    margin: auto;
+    overflow: hidden;
+    font-size: 17px;
+    -webkit-font-smoothing: antialiased;
+}
+
+ul, li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+p {
+    margin: 0;
+}
+
+input, textarea {
+    outline: none;
+}
+
+.interactive_button {
+
+    transition: background-color 280ms cubic-bezier(0.37, 0, 0.63, 1) 70ms;
+    transition: color 200ms cubic-bezier(0.37, 0, 0.63, 1) 50ms;
+
+}
+
+#right_section{
+    width:45%;
+    height: 100%;
+    background-image: url("../images/gutenberg.png");
+    background-size: auto 100%;
+    background-position-x: center;
+    background-repeat: no-repeat;
+}
+
+#left_section{
+    width:55%;
+    height: 100%;
+    overflow-y: scroll;
+    overflow-x: hidden;
+}
+
+.flex_container{
+    display: inline-flex;
+    flex-direction: row;
+}
+
+.flex_container_item{
+    padding: 10px;
+    width: 100%;
+    display: block;
+}
+
+.fci_title{
+    font-family: Messina Sans Mono;
+    font-size: 1vw;
+    color: black;
+}
+
+.fci_text{
+    font-family: Messina Sans Mono SemiBold;
+    font-size: 2vw;
+    color: black;
+}
+
+/* Loading cover */
+.loading_cover {
+    width: 100%;
+    height: 100%;
+    z-index: 3;
+    background-color: #141312;
+    display: flex;
+    bottom:0;
+    right: 0;
+    position: absolute;
+    transition: bottom 350ms cubic-bezier(0.37, 0, 0.63, 1) 70ms;
+}
+
+.loading_cover.loaded {
+    bottom: -100%;
+}
+
+.loading_cover_inner {
+    width: auto;
+    height: auto;
+    display: inline-flex;
+    margin: auto;
+    animation: fadeInOut 700ms cubic-bezier(0.37, 0, 0.63, 1) 100ms infinite;
+}
+

diff --git a/src/fonts/Messina/MessinaSansMono-Black.eot b/src/fonts/Messina/MessinaSansMono-Black.eot
new file mode 100644 (file)
index 0000000..b62f38c
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Black.eot differ

diff --git a/src/fonts/Messina/MessinaSansMono-Black.ttf b/src/fonts/Messina/MessinaSansMono-Black.ttf
new file mode 100644 (file)
index 0000000..375cee8
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Black.ttf differ

diff --git a/src/fonts/Messina/MessinaSansMono-Black.woff b/src/fonts/Messina/MessinaSansMono-Black.woff
new file mode 100644 (file)
index 0000000..b494cf9
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Black.woff differ

diff --git a/src/fonts/Messina/MessinaSansMono-Black.woff2 b/src/fonts/Messina/MessinaSansMono-Black.woff2
new file mode 100644 (file)
index 0000000..609d703
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Black.woff2 differ

diff --git a/src/fonts/Messina/MessinaSansMono-Bold.eot b/src/fonts/Messina/MessinaSansMono-Bold.eot
new file mode 100644 (file)
index 0000000..eef684c
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Bold.eot differ

diff --git a/src/fonts/Messina/MessinaSansMono-Bold.ttf b/src/fonts/Messina/MessinaSansMono-Bold.ttf
new file mode 100644 (file)
index 0000000..2586259
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Bold.ttf differ

diff --git a/src/fonts/Messina/MessinaSansMono-Bold.woff b/src/fonts/Messina/MessinaSansMono-Bold.woff
new file mode 100644 (file)
index 0000000..65f72c0
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Bold.woff differ

diff --git a/src/fonts/Messina/MessinaSansMono-Bold.woff2 b/src/fonts/Messina/MessinaSansMono-Bold.woff2
new file mode 100644 (file)
index 0000000..e3cfa6b
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Bold.woff2 differ

diff --git a/src/fonts/Messina/MessinaSansMono-Book.eot b/src/fonts/Messina/MessinaSansMono-Book.eot
new file mode 100644 (file)
index 0000000..d61937f
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Book.eot differ

diff --git a/src/fonts/Messina/MessinaSansMono-Book.ttf b/src/fonts/Messina/MessinaSansMono-Book.ttf
new file mode 100644 (file)
index 0000000..c126c80
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Book.ttf differ

diff --git a/src/fonts/Messina/MessinaSansMono-Book.woff b/src/fonts/Messina/MessinaSansMono-Book.woff
new file mode 100644 (file)
index 0000000..d14241a
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Book.woff differ

diff --git a/src/fonts/Messina/MessinaSansMono-Book.woff2 b/src/fonts/Messina/MessinaSansMono-Book.woff2
new file mode 100644 (file)
index 0000000..8382608
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Book.woff2 differ

diff --git a/src/fonts/Messina/MessinaSansMono-Light.eot b/src/fonts/Messina/MessinaSansMono-Light.eot
new file mode 100644 (file)
index 0000000..eff9cd0
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Light.eot differ

diff --git a/src/fonts/Messina/MessinaSansMono-Light.ttf b/src/fonts/Messina/MessinaSansMono-Light.ttf
new file mode 100644 (file)
index 0000000..14950d8
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Light.ttf differ

diff --git a/src/fonts/Messina/MessinaSansMono-Light.woff b/src/fonts/Messina/MessinaSansMono-Light.woff
new file mode 100644 (file)
index 0000000..82f05ae
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Light.woff differ

diff --git a/src/fonts/Messina/MessinaSansMono-Light.woff2 b/src/fonts/Messina/MessinaSansMono-Light.woff2
new file mode 100644 (file)
index 0000000..8251671
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Light.woff2 differ

diff --git a/src/fonts/Messina/MessinaSansMono-Regular.eot b/src/fonts/Messina/MessinaSansMono-Regular.eot
new file mode 100644 (file)
index 0000000..7c50f3a
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Regular.eot differ

diff --git a/src/fonts/Messina/MessinaSansMono-Regular.ttf b/src/fonts/Messina/MessinaSansMono-Regular.ttf
new file mode 100644 (file)
index 0000000..cc5dc92
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Regular.ttf differ

diff --git a/src/fonts/Messina/MessinaSansMono-Regular.woff b/src/fonts/Messina/MessinaSansMono-Regular.woff
new file mode 100644 (file)
index 0000000..69ddc9b
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Regular.woff differ

diff --git a/src/fonts/Messina/MessinaSansMono-Regular.woff2 b/src/fonts/Messina/MessinaSansMono-Regular.woff2
new file mode 100644 (file)
index 0000000..e362a13
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-Regular.woff2 differ

diff --git a/src/fonts/Messina/MessinaSansMono-SemiBold.eot b/src/fonts/Messina/MessinaSansMono-SemiBold.eot
new file mode 100644 (file)
index 0000000..16f907e
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-SemiBold.eot differ

diff --git a/src/fonts/Messina/MessinaSansMono-SemiBold.ttf b/src/fonts/Messina/MessinaSansMono-SemiBold.ttf
new file mode 100644 (file)
index 0000000..1fe8170
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-SemiBold.ttf differ

diff --git a/src/fonts/Messina/MessinaSansMono-SemiBold.woff b/src/fonts/Messina/MessinaSansMono-SemiBold.woff
new file mode 100644 (file)
index 0000000..c909f3c
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-SemiBold.woff differ

diff --git a/src/fonts/Messina/MessinaSansMono-SemiBold.woff2 b/src/fonts/Messina/MessinaSansMono-SemiBold.woff2
new file mode 100644 (file)
index 0000000..1607cfd
Binary files /dev/null and b/src/fonts/Messina/MessinaSansMono-SemiBold.woff2 differ

diff --git a/src/icons/cgnicon.svg b/src/icons/cgnicon.svg
new file mode 100755 (executable)
index 0000000..d904683
--- /dev/null
+++ b/src/icons/cgnicon.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+        viewBox="0 0 1920 1920" style="enable-background:new 0 0 1920 1920;" xml:space="preserve">
+<style type="text/css">
+       .st0{fill:#FFFFFF;}
+</style>
+<g>
+       <g>
+               <g>
+                       <g>
+                               <path class="st0" d="M1329.69,654.38h117.96c-46.03,220.09-225.84,368.25-466.07,368.25c-281.94,0-509.22-218.65-509.22-507.78
+                                       S699.64,8.5,981.58,8.5c240.23,0,420.04,146.72,466.07,366.81h-117.96c-40.28-159.67-169.74-260.36-348.11-260.36
+                                       c-221.52,0-394.14,171.18-394.14,399.9s172.62,401.33,394.14,401.33C1159.95,916.18,1289.41,812.61,1329.69,654.38z"/>
+                       </g>
+               </g>
+               <g>
+                       <g>
+                               <g>
+                                       <path class="st0" d="M1019.91,1377.83v516.41h-92.06l-8.63-199.95c-70.48,130.9-195.63,217.21-374,217.21
+                                               c-289.14,0-506.35-224.4-506.35-499.15c0-296.33,228.72-513.54,513.54-513.54c212.9,0,409.97,122.27,464.63,340.92H894.76
+                                               c-48.91-158.23-197.07-234.47-340.92-234.47c-225.84,0-399.9,169.74-399.9,407.09c0,212.9,162.55,392.7,391.27,392.7
+                                               c199.95,0,326.53-139.53,353.87-322.22H535.14v-105.01H1019.91z"/>
+                               </g>
+                       </g>
+                       <g>
+                               <g>
+                                       <path class="st0" d="M1881.14,916.07v978.16h-94.94l-625.74-771.02v771.02h-113.64V916.07h92.06l628.61,781.09V916.07H1881.14z
+                                               "/>
+                               </g>
+                       </g>
+               </g>
+       </g>
+</g>
+</svg>

diff --git a/src/icons/favicon.ico b/src/icons/favicon.ico
new file mode 100755 (executable)
index 0000000..c602c9f
Binary files /dev/null and b/src/icons/favicon.ico differ

diff --git a/src/images/gutenberg.png b/src/images/gutenberg.png
new file mode 100644 (file)
index 0000000..776f30c
Binary files /dev/null and b/src/images/gutenberg.png differ

diff --git a/src/index.html b/src/index.html
new file mode 100644 (file)
index 0000000..a3f25c6
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Christian Goeschel Ndjomouo - Portfolio</title>
+    <link rel="icon" type="image/x-icon" href="icons/favicon.ico">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
+    <script src="js/anim.js"></script>
+    <link rel="stylesheet" type="text/css"  href="css/style.css">
+</head>
+    <body id="page_body" class="flex_container">
+        <div id="left_section">
+            <div class="flex_container_item">
+                <p class="fci_title">PORTFOLIO OF</p>
+                <span class="fci_text">Christian Goeschel-Ndjomouo</span>
+            </div>
+            <div class="flex_container_item">
+                <p class="fci_title">CURRENT OCCUPATION</p>
+                <span class="fci_text">Helpdesk Administrator @ OVHcloud</span>
+                <span class="fci_text">Undergraduate @ Western Governors University (School of Technology)</span>
+            </div>
+
+            <div class="flex_container_item">
+                <p class="fci_title">TECHNOLOGY STACK</p>
+                <span class="fci_text">GNU/Linux</span></br>
+                <span class="fci_text">TCP/IP</span></br>
+                <span class="fci_text">Bash Scripting</span></br>
+                <span class="fci_text">FreeBSD/Unix</span></br>
+                <span class="fci_text">macOS</span></br>
+                <span class="fci_text">Windows OS</span></br>
+                <span class="fci_text">Docker</span></br>
+                <span class="fci_text">Webdev</span></br>
+                <span class="fci_text">C</span></br>
+                <span class="fci_text">Golang</span></br>
+                <span class="fci_text">Python</span></br>
+            </div>
+
+            <div class="flex_container_item">
+                <p class="fci_title">SPOKEN LANGUAGES</p>
+                <span class="fci_text">English</span></br>
+                <span class="fci_text">French</span></br>
+                <span class="fci_text">German</span></br>
+            </div>
+        </div>
+
+        <div id="right_section">
+            <!-- Gutenberg Image -->
+        </div>
+        <!--LOADING COVER-->
+        <div class="loading_cover">
+
+            <div class="loading_cover_inner">
+                <img src="icons/cgnicon.svg" width="100em" height="auto"/>
+            </div>
+
+        </div>
+
+    </body>
+</html>

diff --git a/src/js/anim.js b/src/js/anim.js
new file mode 100644 (file)
index 0000000..79bbe37
--- /dev/null
+++ b/src/js/anim.js
@@ -0,0 +1,12 @@
+//Animation function for bottomright_message 
+function changePos(id) {
+        $(
+                id).style.bottom = "-100%";
+    }
+
+//Timer for loading cover
+setTimeout(function(){
+        $('.loading_cover').addClass('loaded')
+},3000);
+
+