From d2bdb798bc54b0c2ad471697403315a20a9eb440 Mon Sep 17 00:00:00 2001 From: Angel G300 Saucedo Date: Mon, 27 Jan 2025 22:22:50 -0300 Subject: [PATCH 01/14] primer intento nav --- public/favicon.svg | 80 ++++++++++++++++++++++++++++++++++++---- src/components/Nav.astro | 36 ++++++++++++++++++ src/layouts/Layout.astro | 3 +- tailwind.config.js | 6 ++- 4 files changed, 115 insertions(+), 10 deletions(-) create mode 100644 src/components/Nav.astro diff --git a/public/favicon.svg b/public/favicon.svg index f157bd1..95a83ce 100644 --- a/public/favicon.svg +++ b/public/favicon.svg @@ -1,9 +1,73 @@ - - - + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + diff --git a/src/components/Nav.astro b/src/components/Nav.astro new file mode 100644 index 0000000..aa96898 --- /dev/null +++ b/src/components/Nav.astro @@ -0,0 +1,36 @@ +--- + +--- + +
+
+ + hola + + + hola + + +
+
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 8c73c4b..0d05b11 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,5 +1,6 @@ --- +import Nav from '../components/Nav.astro'; import '../styles/tailwind.css'; --- @@ -9,10 +10,10 @@ import '../styles/tailwind.css'; - DelosCode + diff --git a/tailwind.config.js b/tailwind.config.js index 2907762..52fc942 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -5,7 +5,11 @@ export default { './public/**/*.html', // Opcional: archivos HTML estáticos, ], theme: { - extend: {}, + extend: { + colors: { + 'bg-nav': "#16484B" + } + }, }, plugins: [], } From 14457b8cd499f27b4e982ddd90eaf2bade201cc7 Mon Sep 17 00:00:00 2001 From: Angel G300 Saucedo Date: Sun, 8 Jun 2025 20:16:38 -0300 Subject: [PATCH 02/14] nav --- src/components/Nav.astro | 43 +++++++++----------------------- src/layouts/Layout.astro | 3 ++- src/styles/components/nav.css | 47 +++++++++++++++++++++++++++++++++++ 3 files changed, 61 insertions(+), 32 deletions(-) create mode 100644 src/styles/components/nav.css diff --git a/src/components/Nav.astro b/src/components/Nav.astro index aa96898..0a1e36b 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -2,35 +2,16 @@ --- -
-
- - hola - - - hola - - +
+ + \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 0d05b11..437eb20 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,5 +1,5 @@ --- - +import '../styles/components/nav.css'; import Nav from '../components/Nav.astro'; import '../styles/tailwind.css'; @@ -22,6 +22,7 @@ import '../styles/tailwind.css'; html, body { margin: 0; + padding: 0 0.9em; width: 100%; height: 100%; } diff --git a/src/styles/components/nav.css b/src/styles/components/nav.css new file mode 100644 index 0000000..26b663a --- /dev/null +++ b/src/styles/components/nav.css @@ -0,0 +1,47 @@ +.nav__container { + display: flex; + align-items: center; + width: 100%; + margin-top: 1em; + + position: sticky; + top: 0; +} + +.nav__logoname { + position: absolute; + left: 0; + z-index: 10; +} +.nav__logoname--title { + font-size: 1.5em; +} + +.nav__sections { + display: flex; + list-style: none; + justify-content: center; + border-radius: 50px; + + margin: 0 auto; + padding: 0; + + background-color: #3a9094; +} +.nav__sections__item { + color: #f2f2f2; + /* font-size: 1em; */ + width: 200px; +} +.nav__sections__item__a { + display: block; + font-size: 1em; + padding: 1em 2em; +} +.nav__sections__item__a:hover{ + opacity: 0.7; + font-size: 95%; +} +.nav__sections__item__a--inicio { + text-align: center; +} \ No newline at end of file From 6a865e55ce8ea3194a149a36095187ab1b403fdd Mon Sep 17 00:00:00 2001 From: Angel G300 Saucedo Date: Wed, 11 Jun 2025 21:06:10 -0300 Subject: [PATCH 03/14] implementando footer --- src/components/Footer.astro | 10 ++++++++++ src/components/Nav.astro | 2 +- src/layouts/Layout.astro | 12 +++++++----- src/styles/components/footer.css | 10 ++++++++++ 4 files changed, 28 insertions(+), 6 deletions(-) create mode 100644 src/components/Footer.astro create mode 100644 src/styles/components/footer.css diff --git a/src/components/Footer.astro b/src/components/Footer.astro new file mode 100644 index 0000000..2cb6fb9 --- /dev/null +++ b/src/components/Footer.astro @@ -0,0 +1,10 @@ +--- + +import '../styles/components/footer.css' + +--- + +
+

©copyright 2025

+

Deloscode ♥

+
\ No newline at end of file diff --git a/src/components/Nav.astro b/src/components/Nav.astro index 0a1e36b..b41acf5 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -1,5 +1,5 @@ --- - +import '../styles/components/nav.css'; ---