EDM115/website

Basically my website, hosted at edm115.dev (edm115.eu.org is a backup (also available at old.edm115.dev), real-time preview of the latest commit at edm115.netlify.app)

Plan

• Complete redesign ✅
• Vue 3 + Vite + Vuetify ✅
• Drop of Bootstrap (and most libraries) ✅
• Dark theme (by default) ✅
• Usage of the Dracula color scheme if possible ✅
• Modern feel, glassy interface ❌
• Custom cursor on few elements ❌
• Reloadless transitions between pages ✅
• Holographic card effect on my logo ❌
• Breadcrumb ❌
• Working contact form ❌
• Simple colors ✅
• Animate on scroll ❇️
• Responsive ❇️
• Fast to load ✅
• Not too fancy ✅
• Showcase of my projects ❇️
• B&W water filling animation on load ? ❌
• Glow ❌
• Neon ❌
• A bunch of stuff I obviously don't handle well but just to show that "eh I can use that bro 🤓" and flex on poor souls visiting my website ❌
• It have to act as a portfolio (showcase of my projects, my skills, my experiences, etc.) and a blog (where I can share my thoughts, my projects, etc.) ❇️

Note

Legend :

• ✅ : Done
• ❇️ : In progress
• ❌ : Not done

Minimal repro

git clone https://github.com/EDM115/website.git && cd website
npm run i
npm run dev

npm run lint-fix
npm run build
npm run serve

---

Old stuff

• Main website status :
• Main website (backup) status :
• Netlify preview status :
• Stats status :

---

NGINX setup (on my VPS)

(supposing that the repo is at /home/edm115/website and that it is built)

sudo chown -R www-data:www-data /home/edm115/website/dist
sudo find /home/edm115/website/dist -type d -exec chmod 755 {} \;
sudo find /home/edm115/website/dist -type f -exec chmod 644 {} \;
sudo chmod -R 755 /home/edm115/website/dist
sudo chmod -R 755 /home/edm115/website

In /etc/nginx/sites-available/default :

server {
    listen 443 ssl;
    listen [::]:443 ssl;
    # Only if you have a certificate
    ssl_certificate /home/edm115/.secure/cloudflare-origin-server.pem;
    ssl_certificate_key /home/edm115/.secure/cloudflare-origin-server.key;

    listen 80;
    listen [::]:80;

    include /etc/nginx/mime.types;
    default_type application/octet-stream;

    location / {
        # Redirects to handle the hosted bots
        # Hackish way to get the subdomains working with one IP
        # Don't forget to also run sudo chmod -R 755 /home/edm115/.secure
        if ($host ~* ^foudre-vps) {
            proxy_pass http://127.0.0.1:8989;
            break;
        }

        if ($host ~* ^jm-vps) {
            proxy_pass http://127.0.0.1:9898;
            break;
        }
	
	if ($host ~* ^cursedchess-vps) {
            proxy_pass http://127.0.0.1:6969;
            break;
        }

	if ($host ~* ^dicewizard-vps) {
            proxy_pass http://127.0.0.1:8686;
            break;
        }

        if ($host ~* ^edm115-discord-vps) {
            proxy_pass http://127.0.0.1:8888;
            break;
        }

	if ($host ~* ^logs-vps) {
            proxy_pass http://127.0.0.1:10000;
            break;
        }

        # No longer hosted
        if ($host ~* ^senescalade) {
            return 301 https://github.com/EDM115-org/Senescalade;
        }

        # Also pass URL params
        if ($host ~* ^next) {
            return 301 https://edm115.netlify.app$request_uri;
        }

        # Global else case for raw requests to the IP, when the website was hosted elsewhere
        # return 301 https://edm115.dev;

        # When using npm run serve
        # return proxy_pass http://127.0.0.1:10101;
        
        root /home/edm115/website/dist;
        index index.html;
        try_files $uri $uri/ /index.html;
    }
}