From de9c09eab339410bccd7585a199416298ccea57c Mon Sep 17 00:00:00 2001 From: tryflowk <49881653+tryflowk@users.noreply.github.com> Date: Sun, 12 Apr 2026 10:23:45 -0300 Subject: [PATCH] Update project link from verb to verba --- .github/workflows/deploy-pages.yml | 38 ++++++++ .nojekyll | 1 + README.md | 49 ++++++++++- index.html | 39 +++++++++ portfolio.html | 48 ++++++++++ styles.css | 136 +++++++++++++++++++++++++++++ 6 files changed, 310 insertions(+), 1 deletion(-) create mode 100644 .github/workflows/deploy-pages.yml create mode 100644 .nojekyll create mode 100644 index.html create mode 100644 portfolio.html create mode 100644 styles.css diff --git a/.github/workflows/deploy-pages.yml b/.github/workflows/deploy-pages.yml new file mode 100644 index 0000000..e2d161d --- /dev/null +++ b/.github/workflows/deploy-pages.yml @@ -0,0 +1,38 @@ +name: Deploy static site to GitHub Pages + +on: + push: + branches: ["main"] + workflow_dispatch: + +permissions: + contents: read + pages: write + id-token: write + +concurrency: + group: "pages" + cancel-in-progress: true + +jobs: + deploy: + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + runs-on: ubuntu-latest + + steps: + - name: Checkout + uses: actions/checkout@v4 + + - name: Setup Pages + uses: actions/configure-pages@v5 + + - name: Upload artifact + uses: actions/upload-pages-artifact@v3 + with: + path: . + + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v4 diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000..0642e33 --- /dev/null +++ b/.nojekyll @@ -0,0 +1 @@ +# disables Jekyll processing diff --git a/README.md b/README.md index 067d1be..469eb65 100644 --- a/README.md +++ b/README.md @@ -1 +1,48 @@ -"# bio" +# bio + +Página estática com: + +- `index.html`: estilo link tree para bio do Instagram. +- `portfolio.html`: página de portfólio com todos os projetos. +- `styles.css`: estilos compartilhados. + +## 🌐 Link da página publicada + +- Link tree (home): **https://tryflowk.github.io/bio/** +- Portfólio completo: **https://tryflowk.github.io/bio/portfolio.html** + +> Se ainda não abrir, veja a seção **"O que precisa fazer manualmente (1x)"** abaixo. + +## Como rodar localmente + +Abra os arquivos HTML diretamente no navegador ou sirva com um servidor local, por exemplo: + +```bash +python3 -m http.server 8000 +``` + +Depois acesse `http://localhost:8000`. + +## Publicar no GitHub Pages (grátis) + +Este repositório já tem workflow de deploy em `.github/workflows/deploy-pages.yml`. + +### O que precisa fazer manualmente (1x) + +1. No GitHub, abra o repositório `tryflowk/bio`. +2. Vá em **Settings → Pages**. +3. Em **Build and deployment**, selecione **Source: GitHub Actions**. +4. Salve. + +### Depois disso + +- Cada push na branch `main` publica automaticamente. +- Você também pode rodar manualmente em **Actions → Deploy static site to GitHub Pages → Run workflow**. + +### Como confirmar que está publicado + +1. Abra a aba **Actions** e verifique se o workflow terminou com status verde. +2. Em **Settings → Pages**, confira se aparece "Your site is live at ...". +3. Acesse: + - `https://tryflowk.github.io/bio/` + - `https://tryflowk.github.io/bio/portfolio.html` diff --git a/index.html b/index.html new file mode 100644 index 0000000..3194b82 --- /dev/null +++ b/index.html @@ -0,0 +1,39 @@ + + + + + + Flowk | Links + + + + + + +
+
+
F
+

@tryflowk

+

Meus principais projetos em um só lugar.

+
+ +
+ + 🧱 Calculadora de Blocos + + + ☀️ DIA + + + 🗣️ VERBA + + + 📂 Ver página com todos os projetos + +
+
+ + diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..aa60f15 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,48 @@ + + + + + + Flowk | Portfólio + + + + + + +
+
+

Portfólio

+

Projetos do Flowk

+

Escolha um projeto para abrir o repositório no GitHub.

+
+ +
+
+

Calculadora de Blocos

+

Ferramenta para apoiar cálculos e planejamento de blocos.

+ Abrir no GitHub → +
+ + + + +
+ + +
+ + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..da79c9b --- /dev/null +++ b/styles.css @@ -0,0 +1,136 @@ +:root { + --bg-1: #0f1020; + --bg-2: #191a31; + --text: #f8f9ff; + --muted: #b4b7d8; + --card: rgba(255, 255, 255, 0.08); + --line: rgba(255, 255, 255, 0.15); + --accent: #91a1ff; +} + +* { + box-sizing: border-box; +} + +body { + margin: 0; + min-height: 100vh; + font-family: 'Inter', system-ui, -apple-system, sans-serif; + color: var(--text); +} + +.theme-bg { + background: radial-gradient(circle at top, #2e3266 0%, var(--bg-1) 45%, #090a12 100%); +} + +.linktree, +.portfolio-page { + width: min(760px, 92vw); + margin: 0 auto; + padding: 3rem 0 4rem; +} + +.profile { + text-align: center; + margin-bottom: 2rem; +} + +.avatar { + width: 86px; + height: 86px; + border-radius: 50%; + margin: 0 auto 1rem; + display: grid; + place-items: center; + font-size: 2rem; + font-weight: 700; + background: linear-gradient(145deg, #5160cf, #7e8dff); + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35); +} + +.profile h1, +.portfolio-header h1 { + margin: 0; +} + +.profile p, +.portfolio-header p { + margin-top: 0.5rem; + color: var(--muted); +} + +.links { + display: grid; + gap: 0.85rem; +} + +.link-btn { + text-decoration: none; + color: var(--text); + border: 1px solid var(--line); + background: var(--card); + border-radius: 0.85rem; + padding: 1rem 1.2rem; + text-align: center; + font-weight: 600; + backdrop-filter: blur(6px); + transition: transform 0.15s ease, border-color 0.15s ease; +} + +.link-btn:hover { + transform: translateY(-2px); + border-color: var(--accent); +} + +.link-btn.secondary { + background: rgba(145, 161, 255, 0.2); +} + +.portfolio-header { + text-align: center; + margin-bottom: 2rem; +} + +.tag { + display: inline-block; + margin: 0; + padding: 0.3rem 0.65rem; + border-radius: 999px; + background: rgba(145, 161, 255, 0.18); + border: 1px solid var(--line); + font-size: 0.85rem; + color: #d8ddff; +} + +.cards { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); + gap: 1rem; +} + +.card { + border: 1px solid var(--line); + border-radius: 1rem; + background: var(--card); + padding: 1rem; +} + +.card h2 { + margin-top: 0; + font-size: 1.1rem; +} + +.card p { + color: var(--muted); +} + +.card a, +.back-link { + color: #dce2ff; + font-weight: 600; +} + +footer { + text-align: center; + margin-top: 2rem; +}