Skip to content

Commit 2261e22

Browse files
jogibear9988jogibear9988
committed
page
1 parent 5b7c3a2 commit 2261e22

2 files changed

Lines changed: 231 additions & 0 deletions

File tree

‎.github/workflows/pages.yml‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
name: Deploy GitHub Pages
2+
3+
on:
4+
push:
5+
branches:
6+
- main
7+
- master
8+
workflow_dispatch:
9+
10+
permissions:
11+
contents: read
12+
pages: write
13+
id-token: write
14+
15+
concurrency:
16+
group: pages
17+
cancel-in-progress: true
18+
19+
jobs:
20+
deploy:
21+
environment:
22+
name: github-pages
23+
url: ${{ steps.deployment.outputs.page_url }}
24+
runs-on: ubuntu-latest
25+
steps:
26+
- name: Checkout
27+
uses: actions/checkout@v4
28+
29+
- name: Configure Pages
30+
uses: actions/configure-pages@v5
31+
32+
- name: Upload static site
33+
uses: actions/upload-pages-artifact@v3
34+
with:
35+
path: docs
36+
37+
- name: Deploy
38+
id: deployment
39+
uses: actions/deploy-pages@v4

‎docs/index.html‎

Lines changed: 192 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Web2Vector</title>
7+
<meta
8+
name="description"
9+
content="Export any web page to SVG, DXF, DWG, EMF, PDF, HTML, PNG, JPEG, and WebP directly from your browser."
10+
/>
11+
<style>
12+
:root {
13+
--bg: #f5efe6;
14+
--surface: #fff9f0;
15+
--ink: #1f1a17;
16+
--muted: #5a4f46;
17+
--line: #e7d7c3;
18+
--accent: #d84f31;
19+
--accent2: #0f766e;
20+
--shadow: 0 18px 46px rgba(31, 26, 23, 0.12);
21+
}
22+
23+
* {
24+
box-sizing: border-box;
25+
}
26+
27+
body {
28+
margin: 0;
29+
color: var(--ink);
30+
font-family: "Space Grotesk", "Segoe UI", sans-serif;
31+
background:
32+
radial-gradient(circle at 8% -10%, #f0d9b8 0%, transparent 45%),
33+
radial-gradient(circle at 92% 2%, #e8efe8 0%, transparent 42%),
34+
var(--bg);
35+
}
36+
37+
.wrap {
38+
max-width: 980px;
39+
margin: 0 auto;
40+
padding: 32px 20px 56px;
41+
}
42+
43+
.hero {
44+
border: 1px solid var(--line);
45+
border-radius: 24px;
46+
padding: 28px;
47+
background:
48+
linear-gradient(145deg, rgba(255, 252, 247, 0.98), rgba(252, 242, 228, 0.95));
49+
box-shadow: var(--shadow);
50+
}
51+
52+
.kicker {
53+
margin: 0;
54+
color: var(--muted);
55+
letter-spacing: 0.06em;
56+
text-transform: uppercase;
57+
font-size: 12px;
58+
font-weight: 700;
59+
}
60+
61+
h1 {
62+
margin: 12px 0 10px;
63+
font-size: clamp(34px, 7vw, 56px);
64+
line-height: 0.95;
65+
}
66+
67+
.lead {
68+
max-width: 720px;
69+
margin: 0;
70+
color: var(--muted);
71+
font-size: clamp(16px, 2.2vw, 20px);
72+
}
73+
74+
.actions {
75+
margin-top: 22px;
76+
display: flex;
77+
flex-wrap: wrap;
78+
gap: 12px;
79+
}
80+
81+
.btn {
82+
appearance: none;
83+
text-decoration: none;
84+
display: inline-flex;
85+
align-items: center;
86+
justify-content: center;
87+
min-height: 42px;
88+
padding: 0 16px;
89+
border-radius: 999px;
90+
border: 1px solid var(--line);
91+
color: var(--ink);
92+
background: #fff;
93+
font-weight: 700;
94+
}
95+
96+
.btn.primary {
97+
border-color: transparent;
98+
color: #fff;
99+
background: linear-gradient(135deg, var(--accent), #f0a93e);
100+
}
101+
102+
.btn.secondary {
103+
border-color: transparent;
104+
color: #fff;
105+
background: linear-gradient(135deg, #12355b, var(--accent2));
106+
}
107+
108+
.grid {
109+
margin-top: 20px;
110+
display: grid;
111+
gap: 14px;
112+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
113+
}
114+
115+
.card {
116+
background: var(--surface);
117+
border: 1px solid var(--line);
118+
border-radius: 16px;
119+
padding: 14px;
120+
}
121+
122+
.card h2 {
123+
margin: 0 0 8px;
124+
font-size: 17px;
125+
}
126+
127+
.formats {
128+
margin: 0;
129+
padding-left: 18px;
130+
color: var(--muted);
131+
}
132+
133+
.formats li {
134+
margin: 6px 0;
135+
}
136+
137+
footer {
138+
margin-top: 18px;
139+
font-size: 13px;
140+
color: var(--muted);
141+
}
142+
</style>
143+
</head>
144+
<body>
145+
<main class="wrap">
146+
<section class="hero">
147+
<p class="kicker">Browser Extension</p>
148+
<h1>Web2Vector</h1>
149+
<p class="lead">
150+
Export rendered web pages into vector, CAD, document, and image formats directly from Chrome and Firefox.
151+
</p>
152+
<div class="actions">
153+
<a class="btn primary" href="https://chromewebstore.google.com/detail/web2vector/ojjkecepeobhmpilhdhcjcgpdjhnkjgl" target="_blank" rel="noopener noreferrer">Install for Chrome</a>
154+
<a class="btn secondary" href="https://addons.mozilla.org/de/developers/addon/web2vector" target="_blank" rel="noopener noreferrer">Install for Firefox</a>
155+
<a class="btn" href="https://github.com/node-projects/chromeExtension-web2vector" target="_blank" rel="noopener noreferrer">Source on GitHub</a>
156+
</div>
157+
</section>
158+
159+
<section class="grid" aria-label="Supported formats">
160+
<article class="card">
161+
<h2>Vector + CAD</h2>
162+
<ul class="formats">
163+
<li>SVG</li>
164+
<li>DXF (Standard)</li>
165+
<li>DXF (AutoCAD)</li>
166+
<li>DWG</li>
167+
<li>EMF / EMF+</li>
168+
</ul>
169+
</article>
170+
<article class="card">
171+
<h2>Document</h2>
172+
<ul class="formats">
173+
<li>PDF</li>
174+
<li>HTML</li>
175+
</ul>
176+
</article>
177+
<article class="card">
178+
<h2>Image</h2>
179+
<ul class="formats">
180+
<li>PNG</li>
181+
<li>JPEG</li>
182+
<li>WebP</li>
183+
</ul>
184+
</article>
185+
</section>
186+
187+
<footer>
188+
Powered by <a href="https://github.com/node-projects/layout2vector" target="_blank" rel="noopener noreferrer">layout2vector</a>.
189+
</footer>
190+
</main>
191+
</body>
192+
</html>

0 commit comments

Comments
 (0)