assets/css/custom.css

@@ -1,156 +0,0 @@
-/*
-ALFA MVP Custom Styles
-*/
-@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Inter:wght@400;600&display=swap');
-
-:root {
-    --color-background: #000000;
-    --color-surface: #1A1A1A;
-    --color-primary-text: #FFFFFF;
-    --color-secondary-text: #A8A8A8;
-    --color-accent: #FFD700;
-    --color-border: #333333;
-}
-
-body {
-    background-color: var(--color-background);
-    color: var(--color-primary-text);
-    font-family: 'Inter', sans-serif;
-    padding-bottom: 80px; /* Space for bottom nav */
-}
-
-h1, h2, h3, h4, h5, h6 {
-    font-family: 'EB Garamond', serif;
-}
-
-.bottom-nav {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background-color: var(--color-background);
-    border-top: 1px solid var(--color-border);
-    display: flex;
-    justify-content: space-around;
-    padding: 10px 0;
-    z-index: 1000;
-}
-
-.nav-item a {
-    color: var(--color-secondary-text);
-    text-decoration: none;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    font-size: 12px;
-}
-
-.nav-item a.active,
-.nav-item a:hover {
-    color: var(--color-primary-text);
-}
-
-.nav-item svg {
-    width: 24px;
-    height: 24px;
-    margin-bottom: 4px;
-}
-
-.post-card {
-    background-color: var(--color-surface);
-    border: 1px solid var(--color-border);
-    margin: 20px auto;
-    max-width: 600px;
-    border-radius: 4px;
-    overflow: hidden;
-}
-
-.post-header {
-    display: flex;
-    align-items: center;
-    padding: 12px 16px;
-}
-
-.post-avatar {
-    width: 32px;
-    height: 32px;
-    border-radius: 50%;
-    margin-right: 12px;
-    object-fit: cover;
-    background-color: #333;
-}
-
-.post-username {
-    font-weight: 600;
-    font-size: 14px;
-}
-
-.post-image-wrapper {
-    position: relative;
-    cursor: pointer;
-    background-color: #222;
-}
-
-.post-image {
-    width: 100%;
-    height: auto;
-    display: block;
-}
-
-.like-heart {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%) scale(0);
-    font-size: 80px;
-    color: white;
-    opacity: 0;
-    transition: all 0.4s ease;
-    text-shadow: 0 0 10px rgba(0,0,0,0.5);
-}
-
-.like-heart.show {
-    transform: translate(-50%, -50%) scale(1);
-    opacity: 0.8;
-}
-
-.post-footer {
-    padding: 12px 16px;
-}
-
-.post-actions {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-    margin-bottom: 8px;
-}
-
-.post-actions svg {
-    width: 24px;
-    height: 24px;
-    color: var(--color-secondary-text);
-    cursor: pointer;
-}
-
-.post-actions svg:hover {
-    color: var(--color-primary-text);
-}
-
-.quality-indicator {
-    height: 4px;
-    width: 40px;
-    background: linear-gradient(90deg, var(--color-accent), #B8860B);
-    border-radius: 2px;
-    opacity: 0.7;
-    margin-top: 8px;
-}
-
-.post-caption {
-    font-size: 14px;
-    line-height: 1.4;
-}
-
-.post-caption .username {
-    font-weight: 600;
-    margin-right: 5px;
-}

assets/js/main.js

@@ -1,22 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-    const imageWrappers = document.querySelectorAll('.post-image-wrapper');
-
-    imageWrappers.forEach(wrapper => {
-        wrapper.addEventListener('dblclick', function() {
-            // Create heart icon if it doesn't exist
-            let heart = wrapper.querySelector('.like-heart');
-            if (!heart) {
-                heart = document.createElement('div');
-                heart.className = 'like-heart';
-                heart.innerHTML = '❤'; // Heart symbol
-                wrapper.appendChild(heart);
-            }
-            
-            // Trigger the animation
-            heart.classList.add('show');
-            setTimeout(() => {
-                heart.classList.remove('show');
-            }, 800);
-        });
-    });
-});