Initial commit

enflujo · Jan 19, 2024 · 70f4eaf · 70f4eaf
commit 70f4eaf
Show file tree

Hide file tree

Showing 22 changed files with 4,039 additions and 0 deletions.
diff --git a/.github/workflows/estilo-codigo.yml b/.github/workflows/estilo-codigo.yml
@@ -0,0 +1,31 @@
+name: Estilo Código
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: 🐯 Obtener código del repositorio
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: 🐝 Usar Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 'lts/*'
+
+      - name: 🦒 Instalar dependencias
+        run: |
+          yarn install --frozen-lockfile
+
+      - name: 👀 Buscar errores
+        run: yarn lint
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,21 @@
+# build output
+dist/
+
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,2 @@
+publico
+estaticos
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,7 @@
+{
+  "singleQuote": true,
+  "printWidth": 120,
+  "tabWidth": 2,
+  "endOfLine": "auto",
+  "trailingComma": "es5"
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}
diff --git a/README.md b/README.md
@@ -0,0 +1,5 @@
+# Plantilla Astro
+
+![Estilo Código](https://github.com/enflujo/enflujo-plantilla-astro/actions/workflows/estilo-codigo.yml/badge.svg)
+![Tamaño](https://img.shields.io/github/repo-size/enflujo/enflujo-plantilla-astro?color=%235757f7&label=Tama%C3%B1o%20repo&logo=open-access&logoColor=white)
+![Licencia](https://img.shields.io/github/license/enflujo/enflujo-plantilla-astro?label=Licencia&logo=open-source-initiative&logoColor=white)
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -0,0 +1,12 @@
+import { defineConfig } from 'astro/config';
+
+export default defineConfig({
+  publicDir: './estaticos',
+  compressHTML: true,
+  outDir: './publico',
+  site: 'https://enflujo.com',
+  base: '/',
+  build: {
+    assets: 'estaticos',
+  },
+});
diff --git a/estaticos/apple-touch-icon.png b/estaticos/apple-touch-icon.png
diff --git a/estaticos/favicon.ico b/estaticos/favicon.ico
diff --git a/estaticos/favicon.svg b/estaticos/favicon.svg
diff --git a/estaticos/imagen_OG.jpg b/estaticos/imagen_OG.jpg
diff --git a/package.json b/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "enflujo-plantilla-astro",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro check && astro build",
+    "preview": "astro preview",
+    "astro": "astro",
+    "lint": "prettier --check .",
+    "lint:fix": "prettier --write --list-different ."
+  },
+  "dependencies": {
+    "@astrojs/check": "^0.3.1",
+    "astro": "^3.6.0",
+    "typescript": "^5.3.2"
+  },
+  "devDependencies": {
+    "prettier": "^3.1.0",
+    "sass": "^1.69.5"
+  }
+}
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/src/componentes/EjemploCoponente.astro b/src/componentes/EjemploCoponente.astro
@@ -0,0 +1,15 @@
+---
+interface Props {
+  titulo: string;
+  contenido: string;
+}
+
+const { titulo, contenido } = Astro.props;
+---
+
+<section>
+  <h2>{titulo}</h2>
+  <p>{contenido}</p>
+</section>
+
+<style lang="scss"></style>
diff --git a/src/env.d.ts b/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="astro/client" />
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -0,0 +1,14 @@
+---
+import EjemploCoponente from '@/componentes/EjemploCoponente.astro';
+import Plantilla from '@/plantillas/Plantilla.astro';
+---
+
+<Plantilla>
+  <main>
+    <h1>..:: Plantilla EnFlujo - Astro ::..</h1>
+
+    <EjemploCoponente titulo="Una base para empezar a usar Astro" contenido="¬ | ¬" />
+  </main>
+</Plantilla>
+
+<style lang="scss"></style>
diff --git a/src/plantillas/Plantilla.astro b/src/plantillas/Plantilla.astro
@@ -0,0 +1,64 @@
+---
+interface Props {
+  titulo?: string;
+  descripcion?: string;
+  imagen?: { ruta: string; alt: string };
+}
+
+const { titulo, descripcion, imagen } = Astro.props;
+
+const nombreProyecto = 'EnFlujo';
+const descripcionGeneral = 'Este proyecto...';
+const { pathname } = Astro.url;
+const tituloSEO = titulo ? `${titulo} | ${nombreProyecto}` : nombreProyecto;
+const descripcionSEO = descripcion || descripcionGeneral;
+const urlBase = new URL(import.meta.env.BASE_URL, Astro.site);
+const urlPagina = new URL(pathname, Astro.site);
+const rutaImg = imagen ? new URL(imagen.ruta, urlBase) : new URL('imagen_OG.webp', urlBase);
+const altImg = imagen ? imagen.alt : nombreProyecto;
+---
+
+<!doctype html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="description" content="Descripción de la página" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" href={new URL('favicon.ico', urlBase)} sizes="32x32" />
+    <link rel="icon" href={new URL('favicon.svg', urlBase)} type="image/svg+xml" />
+    <link rel="apple-touch-icon" href={new URL('apple-touch-icon.png', urlBase)} />
+    <meta name="generator" content={Astro.generator} />
+    <link rel="canonical" href={urlPagina} />
+
+    <title>{tituloSEO}</title>
+    <meta name="description" content="Descripción del sitio...." />
+    <!-- OpenGraph -->
+    <meta property="og:locale" content="es_CO" />
+    <meta property="og:site_name" content={nombreProyecto} />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content={urlPagina} />
+    <meta property="og:title" content={tituloSEO} />
+    <meta property="og:description" content={descripcionSEO} />
+    <meta property="og:image" content={rutaImg} />
+    <meta property="og:image:alt" content={altImg} />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@labenflujo" />
+    <meta name="twitter:creator" content="@labenflujo" />
+    <meta name="twitter:url" content={urlPagina} />
+    <meta name="twitter:title" content={tituloSEO} />
+    <meta name="twitter:description" content={descripcionSEO} />
+    <meta name="twitter:image" content={rutaImg} />
+    <meta name="twitter:image:alt" content={altImg} />
+  </head>
+
+  <body>
+    <slot />
+  </body>
+</html>
+
+<style lang="scss" is:global>
+  @import '@/scss/estilos.scss';
+</style>
diff --git a/src/scss/_normalizar.scss b/src/scss/_normalizar.scss
@@ -0,0 +1,21 @@
+html {
+  box-sizing: border-box;
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+a,
+a:link {
+  text-decoration: none;
+}
diff --git a/src/scss/estilos.scss b/src/scss/estilos.scss
@@ -0,0 +1,5 @@
+@import './normalizar';
+
+:root {
+  --colorFuente: #252424;
+}
diff --git a/src/utilidades/constantes.ts b/src/utilidades/constantes.ts
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}