Init commit

.dockerignore

@@ -0,0 +1,33 @@
+# VSCode
+.vscode
+
+# Github
+.github
+
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
+
+# Needed for nuxt-auth
+!.env.production

.env.production

@@ -0,0 +1,4 @@
+# NUXT_PUBLIC_API_URL=http://localhost:3000
+NUXT_AUTH_BASE_URL=http://localhost:3000/
+# AUTH_ORIGIN=http://localhost:4000
+# NITRO_PORT=4000

.github/workflows/docker.yaml

@@ -0,0 +1,31 @@
+# version 1.0
+name: Build and push
+on:
+  push:
+    tags:
+      - '*'
+
+jobs:
+  work:
+    name: Work
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the code
+        uses: actions/checkout@v2
+      - name: Lowercase
+        id: lower
+        uses: ASzc/change-string-case-action@v1
+        with:
+          string: ${{ github.repository }}
+      - name: Build & Push docker image
+        uses: mr-smithers-excellent/docker-build-push@v4
+        with:
+          image: ${{ steps.lower.outputs.lowercase }}
+          registry: ghcr.io
+          username: ${{ secrets.REGISTRY_USER }}
+          password: ${{ secrets.REGISTRY_PASSWORD }}
+      - name: Notify Slack
+        uses: craftech-io/slack-action@v1
+        with:
+          slack_webhook_url: ${{ secrets.SLACK_WEBHOOK }}
+        if: always()

.gitignore

@@ -0,0 +1,27 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
+
+# Needed for nuxt-auth
+!.env.production

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

.nvmrc

@@ -0,0 +1 @@
+v22.11.0

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+    "files.associations": {
+        "*.css": "tailwindcss"
+    },
+    "editor.quickSuggestions": {
+        "strings": true
+    }
+}

Dockerfile

@@ -0,0 +1,59 @@
+# ARG NODE_VERSION=20.14.0
+ARG NODE_VERSION=22.11.0
+
+# Create build stage
+FROM node:${NODE_VERSION}-slim AS build
+
+
+RUN npm install -g pnpm
+
+# Enable pnpm
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN corepack enable
+
+
+# Set the working directory inside the container
+WORKDIR /app
+
+# Copy package.json and pnpm-lock.yaml files to the working directory
+
+COPY ./package.json /app/
+COPY ./package-lock.json /app/
+
+## Install dependencies
+RUN pnpm import
+RUN pnpm install --shamefully-hoist
+
+
+# Copy the rest of the application files to the working directory
+COPY . ./
+
+
+# Build the application
+RUN pnpm run build
+
+
+# Create a new stage for the production image
+FROM node:${NODE_VERSION}-slim
+
+
+# Set the working directory inside the container
+WORKDIR /app
+
+
+# Copy the output from the build stage to the working directory
+COPY --from=build /app/.output ./
+
+
+# Define environment variables
+ENV NITRO_HOST=0.0.0.0
+ENV NITRO_PORT=4000 
+ENV NODE_ENV=production
+
+
+# Expose the port the application will run on
+EXPOSE 4000
+
+# Start the application
+CMD ["node","/app/server/index.mjs"]

NUXT_README.md

@@ -0,0 +1,75 @@
+# Nuxt UI Minimal Starter
+
+Look at [Nuxt docs](https://nuxt.com/docs/getting-started/introduction) and [Nuxt UI docs](https://ui.nuxt.com) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

README.md

@@ -0,0 +1,21 @@
+![Header](docs/der-logo.png)
+
+# Incidir para existir - Frontend
+
+Descripción del proyecto
+
+## 👷‍♀️ Cómo colaborar
+
+Las contribuciones siempre son bienvenidas. Si te interesa contribuir a este proyecto y no estás seguro de por dónde empezar, preparamos esta [guía de colaboración](https://github.com/DemocraciaEnRed/.github/blob/main/docs/CONTRIBUTING.md).
+
+## 📖 Documentación
+
+Consulta la [documentación y estado del software](./docs) para obtener información detallada sobre el proyecto, estructura de archivos, y otros aspectos importantes.
+
+## ⚖️ Licencia
+
+El software se encuentra licensiado bajo [GPL-v3](./LICENSE). Creemos en la importancia del código abierto para la transformación social y fomentamos que la comunidad aporte de manera activa.
+
+---
+
+⌨️ con ❤️ por [DER](https://github.com/DemocraciaEnRed/)

app.config.ts

@@ -0,0 +1,6 @@
+export default defineAppConfig({
+  ui: {
+    primary: 'electricViolet',
+    gray: 'zinc',
+  }
+})

app.vue

@@ -0,0 +1,8 @@
+<template>
+  <div>
+    <NuxtLoadingIndicator color="#fb923c" />
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
+  </div>
+</template>

assets/css/footer.css

@@ -0,0 +1,20 @@
+.the-footer{
+  @apply sticky top-[100vh] bg-[#3A27FF] p-4 w-full bottom-0 rounded-tl-xl rounded-tr-xl;
+}
+
+.the-footer .starbg{
+  background-image: url('../../public/img/star-footer.png');
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  background-position: center;
+  background-size: cover;
+  top: 0;
+  left: 0;
+  z-index: 2;
+}
+
+.the-footer .the-content{
+  position: relative;
+  z-index: 100;
+}

assets/css/home.css

@@ -0,0 +1,14 @@
+
+#home-carrousel .carrousel .overlay{
+  @apply absolute w-full h-full;
+  background: rgba(0,0,0,0.3);
+}
+
+#home-carrousel .overlay-content{
+  @apply absolute w-full h-full flex;
+  justify-content: left;
+  align-items: center;
+  padding: 20px;
+  z-index: 1;
+  pointer-events: all;
+}

assets/css/navbar.css

@@ -0,0 +1,6 @@
+#navbar .navbar-item{
+  @apply text-white font-medium flex items-center;
+  &:hover{
+    @apply text-pumpkin-400;
+  }
+}