Skip to content

Commit 5afc08a

Browse files
FigshFigsh
authored
Refactor builder.html with updated meta tags and buttons
1 parent 513e941 commit 5afc08a

1 file changed

Lines changed: 55 additions & 40 deletions

File tree

‎builder.html‎

Lines changed: 55 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,52 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
54
<meta charset="UTF-8" />
65
<meta name="viewport" content="width=device-width, initial-scale=1" />
7-
<title>Builder | devtemDesign Visual Page Builder</title><meta name="description" content="Create landing pages, portfolios, SaaS websites, documentation sites, and custom layouts visually with devtemDesign Builder. Design, preview, customize, and export production-ready configurations and code."><meta name="keywords" content="devtemDesign builder, visual page builder, landing page builder, portfolio website builder, website generator, frontend builder, configuration builder, UI builder, website designer, export HTML, export configuration, no code builder, low code website builder"><meta name="author" content="DevTemple">
8-
<meta name="robots" content="index, follow">
9-
<meta name="theme-color" content="#00ffff"><link rel="canonical" href="https://design.devtem.org/builder"><!-- Open Graph --><meta property="og:type" content="website">
10-
<meta property="og:site_name" content="devtemDesign">
11-
<meta property="og:title" content="Builder | devtemDesign Visual Page Builder">
12-
<meta property="og:description" content="Design landing pages, portfolios, SaaS websites, and custom layouts visually. Export production-ready configurations and code instantly.">
13-
<meta property="og:url" content="https://design.devtem.org/builder">
14-
<meta property="og:image" content="https://design.devtem.org/assets/images/og.jpg"><!-- Twitter --><meta name="twitter:card" content="summary_large_image">
15-
<meta name="twitter:title" content="Builder | devtemDesign">
16-
<meta name="twitter:description" content="Visual builder for creating landing pages, portfolios, documentation sites, and custom web experiences.">
17-
<meta name="twitter:image" content="https://design.devtem.org/assets/images/og.jpg"><!-- Structured Data --><script type="application/ld+json">
18-
{
19-
"@context": "https://schema.org",
20-
"@type": "WebApplication",
21-
"name": "devtemDesign Builder",
22-
"applicationCategory": "DeveloperApplication",
23-
"operatingSystem": "Web",
24-
"url": "https://design.devtem.org/builder",
25-
"image": "https://design.devtem.org/assets/images/og.jpg",
26-
"description": "Visual page builder for generating landing pages, portfolios, SaaS websites, and exportable devtemDesign configurations.",
27-
"creator": {
28-
"@type": "Organization",
29-
"name": "DevTemple"
6+
<title>Builder | devtemDesign Visual Page Builder</title>
7+
<meta name="description" content="Create landing pages, portfolios, SaaS websites, documentation sites, and custom layouts visually with devtemDesign Builder. Design, preview, customize, and export production-ready configurations and code.">
8+
<meta name="keywords" content="devtemDesign builder, visual page builder, landing page builder, portfolio website builder, website generator, frontend builder, configuration builder, UI builder, website designer, export HTML, export configuration, no code builder, low code website builder">
9+
<meta name="author" content="DevTemple">
10+
<meta name="robots" content="index, follow">
11+
<meta name="theme-color" content="#00ffff">
12+
<link rel="canonical" href="https://design.devtem.org/builder">
13+
14+
<!-- Open Graph -->
15+
<meta property="og:type" content="website">
16+
<meta property="og:site_name" content="devtemDesign">
17+
<meta property="og:title" content="Builder | devtemDesign Visual Page Builder">
18+
<meta property="og:description" content="Design landing pages, portfolios, SaaS websites, and custom layouts visually. Export production-ready configurations and code instantly.">
19+
<meta property="og:url" content="https://design.devtem.org/builder">
20+
<meta property="og:image" content="https://design.devtem.org/assets/images/og.jpg">
21+
22+
<!-- Twitter -->
23+
<meta name="twitter:card" content="summary_large_image">
24+
<meta name="twitter:title" content="Builder | devtemDesign">
25+
<meta name="twitter:description" content="Visual builder for creating landing pages, portfolios, documentation sites, and custom web experiences.">
26+
<meta name="twitter:image" content="https://design.devtem.org/assets/images/og.jpg">
27+
28+
<!-- Structured Data -->
29+
<script type="application/ld+json">
30+
{
31+
"@context": "https://schema.org",
32+
"@type": "WebApplication",
33+
"name": "devtemDesign Builder",
34+
"applicationCategory": "DeveloperApplication",
35+
"operatingSystem": "Web",
36+
"url": "https://design.devtem.org/builder",
37+
"image": "https://design.devtem.org/assets/images/og.jpg",
38+
"description": "Visual page builder for generating landing pages, portfolios, SaaS websites, and exportable devtemDesign configurations.",
39+
"creator": { "@type": "Organization", "name": "DevTemple" }
3040
}
31-
}
32-
</script>
41+
</script>
3342
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
3443
<link rel="stylesheet" href="/css/builder.css">
3544
</head>
3645
<body>
3746

3847
<!-- HEADER -->
3948
<header class="app-header">
40-
<a class="brand" style="text-decoration: none;" href="/"><i><img src="https://fscss.devtem.org/assets/images/fscss.png" alt="FSCSS" width="30px" height="30px"></i> devtemDesign</a>
49+
<a class="brand" style="text-decoration: none;" href="/"><i><img src="https://fscss.devtem.org/assets/images/fscss.png" alt="FSCSS" width="30" height="30"></i> devtemDesign</a>
4150
<span class="sep">/</span>
4251
<span class="sub">Builder</span>
4352
<div class="header-right">
@@ -78,6 +87,9 @@
7887
<button class="tpl-btn" data-tpl="cyber"><span class="tpl-name">Cyber</span><span class="tpl-desc">Neon · cyan/magenta</span></button>
7988
<button class="tpl-btn" data-tpl="aurora"><span class="tpl-name">Aurora</span><span class="tpl-desc">Organic · emerald/violet</span></button>
8089
<button class="tpl-btn" data-tpl="monochrome"><span class="tpl-name">Mono</span><span class="tpl-desc">Minimal grayscale</span></button>
90+
<button class="tpl-btn" data-tpl="sunset"><span class="tpl-name">Sunset</span><span class="tpl-desc">Warm · orange/rose</span></button>
91+
<button class="tpl-btn" data-tpl="ocean"><span class="tpl-name">Ocean</span><span class="tpl-desc">Cool · sky/teal</span></button>
92+
<button class="tpl-btn" data-tpl="paper"><span class="tpl-name">Paper</span><span class="tpl-desc">Light · indigo/pink</span></button>
8193
</div>
8294
</div>
8395
<div class="gen-btn-wrap">
@@ -100,7 +112,6 @@
100112
<div class="editor-sidebar">
101113
<div class="sidebar-toolbar">
102114
<span class="st-label">Editor</span>
103-
<!-- save btn shown once cfg exists -->
104115
<button class="btn-save" id="save-btn" style="display:none;" title="Save project">
105116
<i class="fas fa-floppy-disk"></i> Save project
106117
</button>
@@ -119,7 +130,7 @@
119130
<div class="ed-body">
120131
<div class="f-row"><label>Logo name</label><input id="e-logoName" type="text"></div>
121132
<div class="f-row"><label>Logo URL</label><input id="e-logoUrl" type="text" placeholder="https://..."></div>
122-
<div class="f-row"><label>Tagline</label><input id="e-heroTag" type="text"></div>
133+
<div class="f-row"><label>Badge</label><input id="e-heroTag" type="text"></div>
123134
<div class="f-row"><label>Title line 1</label><input id="e-heroLine1" type="text"></div>
124135
<div class="f-row"><label>Title line 2</label><input id="e-heroLine2" type="text"></div>
125136
<div class="f-row"><label>Subtitle</label><textarea id="e-heroSubtitle" rows="2"></textarea></div>
@@ -128,17 +139,19 @@
128139
<div class="f-row"><label>Nav CTA</label><input id="e-ctaText" type="text"></div>
129140
</div>
130141
</div>
131-
<!-- NAV LINKS -->
132-
<div class="ed-section" id="sec-nav">
133-
<div class="ed-head"><div class="ed-title"><i class="fas fa-bars"></i> Nav links</div><i class="fas fa-chevron-down ed-chevron"></i></div>
134-
<div class="ed-body">
135-
<div class="f-row">
136-
<label>Links</label>
137-
<div class="list-wrap" id="navLinksList"></div>
138-
<button class="btn-add" id="addNavLinkBtn"><i class="fas fa-plus"></i> Add link</button>
139-
</div>
140-
</div>
141-
</div>
142+
143+
<!-- NAV LINKS -->
144+
<div class="ed-section" id="sec-nav">
145+
<div class="ed-head"><div class="ed-title"><i class="fas fa-bars"></i> Nav links</div><i class="fas fa-chevron-down ed-chevron"></i></div>
146+
<div class="ed-body">
147+
<div class="f-row">
148+
<label>Links</label>
149+
<div class="list-wrap" id="navLinksList"></div>
150+
<button class="btn-add" id="addNavLinkBtn"><i class="fas fa-plus"></i> Add link</button>
151+
</div>
152+
</div>
153+
</div>
154+
142155
<!-- BRANDS -->
143156
<div class="ed-section" id="sec-brands">
144157
<div class="ed-head"><div class="ed-title"><i class="fas fa-building"></i> Brands</div><i class="fas fa-chevron-down ed-chevron"></i></div>
@@ -207,6 +220,7 @@
207220
<div class="preview-toolbar">
208221
<span class="pt-label"><i class="fas fa-eye"></i> Live preview</span>
209222
<div class="pt-actions">
223+
<button class="btn-ghost" id="device-btn" type="button"><i class="fas fa-mobile-screen"></i> Mobile</button>
210224
<button class="btn-ghost" id="copy-btn"><i class="fas fa-copy"></i> Copy HTML</button>
211225
<button class="btn-solid" id="export-btn"><i class="fas fa-download"></i> Export</button>
212226
</div>
@@ -258,6 +272,7 @@ <h3><i class="fas fa-floppy-disk"></i> &nbsp;Save project</h3>
258272
<a href="https://devtem.org" target="_blank" rel="noreferrer"><i class="fas fa-store"></i> DevTemple</a>
259273
</footer>
260274

275+
<script src="/js/shared.js"></script>
261276
<script src="/js/builder.js"></script>
262277
</body>
263278
</html>

0 commit comments

Comments
 (0)