upload personal page

xavi-mat · Apr 12, 2022 · ed213c7 · ed213c7
1 parent 3364ea4
commit ed213c7
Show file tree

Hide file tree

Showing 35 changed files with 1,029 additions and 182 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,65 @@
+# boot007-mypage
+
+Personal page project:
+
+https://github.com/TheBridge-FullStackDeveloper/fswd-ft-abr22-ramp-up-valencia/blob/main/src/ejercicio/ejercicio-web-personal.md
+
+## Screenshots
+
+### Xsmall
+
+![xsmall](assets/images/screenshots/screenshot-xsmall.jpg)
+
+### Small
+
+![small](assets/images/screenshots/screenshot-small.jpg)
+
+### Medium
+
+![medium](assets/images/screenshots/screenshot-medium.jpg)
+
+### Large
+
+![large](assets/images/screenshots/screenshot-large.jpg)
+
+
+## Folder and files structure
+
+### Pages:
+
+- `index.html`
+- `/pages`
+- - `bio.html`
+- - `contact.html`
+- - `portfolio.html`
+
+### Assets
+- `/assets`
+- - `/images`
+
+## TODO
+
+- [x] `nav` pattern
+    - [x] `.html`
+    - [x] `.css`
+    - [x] `.js` No JS for now.
+- [x] Content
+    - [x] `index.html`
+    - [x] `bio.html`
+    - [x] `portfolio.html`
+    - [x] `contact.html`
+- [x] Styling
+    - [x] `xsmall`
+    - [x] `small`
+    - [x] `medium`
+    - [x] `large`
+    - [x] `Xlarge`
+- [x] Review
+    - [x] `index.html`
+    - [x] `bio.html`
+    - [x] `portfolio.html`
+    - [x] `contact.html`
+    - [x] `styles.css`
+- [x] Add a "go up" button
+- [x] Send
+- [x] All done!
diff --git a/assets/images/books/books.jpg b/assets/images/books/books.jpg
diff --git a/assets/images/books/thesis.jpg b/assets/images/books/thesis.jpg
diff --git a/assets/images/books/yarea.png b/assets/images/books/yarea.png
diff --git a/assets/images/chibi-square.jpg b/assets/images/chibi-square.jpg
diff --git a/assets/images/code/code.jpg b/assets/images/code/code.jpg
diff --git a/assets/images/code/guggle.png b/assets/images/code/guggle.png
diff --git a/assets/images/code/renpy.png b/assets/images/code/renpy.png
diff --git a/assets/images/code/rla-es.png b/assets/images/code/rla-es.png
diff --git a/assets/images/code/styles.png b/assets/images/code/styles.png
diff --git a/assets/images/contact.jpg b/assets/images/contact.jpg
diff --git a/assets/images/jo-chibi.jpg b/assets/images/jo-chibi.jpg
diff --git a/assets/images/joprof.jpg b/assets/images/joprof.jpg
diff --git a/assets/images/screenshots/screenshot-large.jpg b/assets/images/screenshots/screenshot-large.jpg
diff --git a/assets/images/screenshots/screenshot-medium.jpg b/assets/images/screenshots/screenshot-medium.jpg
diff --git a/assets/images/screenshots/screenshot-small.jpg b/assets/images/screenshots/screenshot-small.jpg
diff --git a/assets/images/screenshots/screenshot-xsmall.jpg b/assets/images/screenshots/screenshot-xsmall.jpg
diff --git a/assets/images/vn/captain-jack.png b/assets/images/vn/captain-jack.png
diff --git a/assets/images/vn/dungeon.png b/assets/images/vn/dungeon.png
diff --git a/assets/images/vn/jesus-life.png b/assets/images/vn/jesus-life.png
diff --git a/assets/images/work.jpg b/assets/images/work.jpg
diff --git a/assets/images/yt.png b/assets/images/yt.png
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <link rel="stylesheet" href="/styles/style.css">
+</head>
+
+<body>
+  <nav>
+    <div class="in-nav">
+      <span>Xavimat</span>
+      <span class="nav-buttons">
+        <a href="/" class="active">Home</a>
+        <a href="/pages/bio.html">Bio</a>
+        <a href="/pages/portfolio.html">Portfolio</a>
+        <a href="/pages/contact.html">Contact</a>
+      </span>
+    </div>
+  </nav>
+
+  <main>
+    <section id="hero">
+      <h1>Welcome to Xavimat's page!</h1>
+      <div class="cards-container">
+        <p>
+          <a href="https://www.facebook.com/xavimatoses/" target="_blank" rel="noopener noreferrer" title="Facebook">
+            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="44"
+              height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#9aa0a6" fill="none" stroke-linecap="round"
+              stroke-linejoin="round">
+              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+              <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
+            </svg>
+          </a>
+        </p>
+        <p>
+          <a href="https://twitter.com/xavimat_" target="_blank" rel="noopener noreferrer" title="Twitter">
+            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-twitter" width="44"
+              height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#9aa0a6" fill="none" stroke-linecap="round"
+              stroke-linejoin="round">
+              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+              <path
+                d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" />
+            </svg>
+          </a>
+        </p>
+        <p>
+          <a href="https://www.linkedin.com/in/xavier-matoses/" target="_blank" rel="noopener noreferrer"
+            title="LinkedIn">
+            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-linkedin" width="44"
+              height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#9aa0a6" fill="none" stroke-linecap="round"
+              stroke-linejoin="round">
+              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+              <rect x="4" y="4" width="16" height="16" rx="2" />
+              <line x1="8" y1="11" x2="8" y2="16" />
+              <line x1="8" y1="8" x2="8" y2="8.01" />
+              <line x1="12" y1="16" x2="12" y2="11" />
+              <path d="M16 16v-3a2 2 0 0 0 -4 0" />
+            </svg>
+          </a>
+        </p>
+      </div>
+    </section>
+    <!-- End of section Hero -->
+
+    <section id="content" class="cards-container">
+      <div class="card" data-card="bio">
+        <a href="/pages/bio.html">
+          <img src="/assets/images/chibi-square.jpg" alt="Bio">
+          <p>Bio</p>
+        </a>
+      </div>
+      <div class="card" data-card="portfolio">
+        <a href="/pages/portfolio.html">
+          <img src="/assets/images/work.jpg" alt="Portfolio">
+          <p>Portfolio</p>
+        </a>
+      </div>
+      <div class="card" data-card="contact">
+        <a href="/pages/contact.html">
+          <img src="assets/images/contact.jpg" alt="Contact">
+          <p>Contact</p>
+        </a>
+      </div>
+    </section>
+    <!-- End of section content -->
+  </main>
+
+  <footer>
+    <div class="in-foot">
+      &copy; 2022 by xavimat
+    </div>
+  </footer>
+
+  <div onclick="window.scrollTo(0,0)">
+    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-up-circle go-up-btn" width="44"
+      height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round"
+      stroke-linejoin="round">
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <circle cx="12" cy="12" r="9" />
+      <line x1="12" y1="8" x2="8" y2="12" />
+      <line x1="12" y1="8" x2="12" y2="16" />
+      <line x1="16" y1="12" x2="12" y2="8" />
+    </svg>
+  </div>
+
+</body>
+
+</html>
diff --git a/js_old.js b/js_old.js
diff --git a/old/css.css b/old/css.css
diff --git a/old/index.html b/old/index.html
diff --git a/old/index_old.html b/old/index_old.html
diff --git a/old/js.js b/old/js.js
diff --git a/old/txt.txt b/old/txt.txt