Skip to content

Commit 0cab433

Browse files
warengonzagawarengonzaga
committed
📦 new: initial commit
0 parents  commit 0cab433

9 files changed

Lines changed: 339 additions & 0 deletions

File tree

‎.github/workflows/deploy.yml‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
name: Deploy to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [main]
6+
workflow_dispatch:
7+
8+
permissions:
9+
contents: read
10+
pages: write
11+
id-token: write
12+
13+
concurrency:
14+
group: pages
15+
cancel-in-progress: true
16+
17+
jobs:
18+
build:
19+
runs-on: ubuntu-latest
20+
steps:
21+
- uses: actions/checkout@v4
22+
23+
- uses: actions/setup-node@v4
24+
with:
25+
node-version: 22
26+
cache: npm
27+
28+
- run: npm ci
29+
30+
- run: npm run build
31+
32+
- uses: actions/upload-pages-artifact@v3
33+
with:
34+
path: dist
35+
36+
deploy:
37+
needs: build
38+
runs-on: ubuntu-latest
39+
environment:
40+
name: github-pages
41+
url: ${{ steps.deployment.outputs.page_url }}
42+
steps:
43+
- id: deployment
44+
uses: actions/deploy-pages@v4

‎.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎bun.lock‎

Lines changed: 139 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>WG Technology Labs</title>
8+
<meta name="description" content="WG Technology Labs - Your Partner in Open-Source Innovation" />
9+
</head>
10+
<body>
11+
<div id="app"></div>
12+
<script type="module" src="/src/main.js"></script>
13+
</body>
14+
</html>

‎package.json‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
{
2+
"name": "wgtechlabs.github.io",
3+
"private": true,
4+
"version": "0.0.0",
5+
"type": "module",
6+
"scripts": {
7+
"dev": "vite",
8+
"build": "vite build",
9+
"preview": "vite preview"
10+
},
11+
"devDependencies": {
12+
"vite": "^7.3.1"
13+
}
14+
}

‎public/favicon.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎src/main.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import "./style.css";
2+
3+
document.querySelector("#app").innerHTML = `
4+
<div class="accent"></div>
5+
<div class="content">
6+
<h1 class="title">WG Technology Labs</h1>
7+
</div>
8+
`;

‎src/style.css‎

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
*,
2+
*::before,
3+
*::after {
4+
margin: 0;
5+
padding: 0;
6+
box-sizing: border-box;
7+
}
8+
9+
html,
10+
body {
11+
height: 100%;
12+
overflow: hidden;
13+
}
14+
15+
body {
16+
background-color: #0158c7;
17+
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
18+
sans-serif;
19+
}
20+
21+
#app {
22+
position: relative;
23+
width: 100%;
24+
height: 100vh;
25+
display: flex;
26+
align-items: center;
27+
justify-content: center;
28+
overflow: hidden;
29+
}
30+
31+
/* Diagonal accent stripes — mimics the banner's left-side light-blue streaks */
32+
.accent {
33+
position: absolute;
34+
inset: 0;
35+
pointer-events: none;
36+
}
37+
38+
.accent::before,
39+
.accent::after {
40+
content: "";
41+
position: absolute;
42+
top: 0;
43+
bottom: 0;
44+
transform-origin: top left;
45+
}
46+
47+
/* Wide outer streak */
48+
.accent::before {
49+
left: -10%;
50+
width: 30%;
51+
background: linear-gradient(
52+
160deg,
53+
#0280ff 0%,
54+
#016eea 50%,
55+
transparent 100%
56+
);
57+
transform: skewX(-12deg);
58+
}
59+
60+
/* Narrow inner highlight */
61+
.accent::after {
62+
left: 2%;
63+
width: 12%;
64+
background: linear-gradient(
65+
160deg,
66+
#0290ff 0%,
67+
#0280ff 40%,
68+
transparent 100%
69+
);
70+
opacity: 0.6;
71+
transform: skewX(-12deg);
72+
}
73+
74+
/* Center content */
75+
.content {
76+
position: relative;
77+
z-index: 1;
78+
text-align: center;
79+
color: #ffffff;
80+
}
81+
82+
.title {
83+
font-size: clamp(1.5rem, 5vw, 3rem);
84+
font-weight: 700;
85+
letter-spacing: 0.02em;
86+
line-height: 1.2;
87+
}

‎vite.config.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { defineConfig } from "vite";
2+
3+
export default defineConfig({
4+
base: "/",
5+
});

0 commit comments

Comments
 (0)