-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchecklist.html
127 lines (104 loc) · 5.29 KB
/
checklist.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Bespoke Checklist | BuildBuddy</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.png">
<!-- Customised Social Sharing -->
<meta property="og:title" content="Generate Your Dream Extension Checklist ✨ | BuildBuddy">
<meta property="og:description"
content="Stuck on your extension plans? Generate your FREE step-by-step checklist with BuildBuddy! Get started on your dream extension in minutes.">
<meta property="og:image"
content="https://github.com/theLadEli/home-extension-cost-calculator/blob/main/assets/social-share-image.png?raw=true">
</head>
<body id="two-column-dashboard">
<section id="sidebar">
<div class="s_logo">
<img src="assets/logo.svg" alt="BuildBuddy Logo">
</div>
<div class="s_overview">
<h2 id="user-greeting">Hello, [name]!</h2>
<div id="overview-stats">
<div class="os_row">
<p class="os_row-title">Tasks Completed:</p>
<p class="os_row-num" id="os_tasks-completed">null</p>
</div>
<div class="os_row">
<p class="os_row-title">Tasks to Do</p>
<p class="os_row-num" id="os_tasks-to-do">null</p>
</div>
<div class="os_row" style="padding-bottom: unset; border-bottom: unset;">
<p class="os_row-title">Total Tasks:</p>
<p class="os_row-num" id="os_total-tasks">null</p>
</div>
</div>
</div>
<div class="s_categories">
<h2>Categories</h2>
<div id="categories-table">
<a class="ct_item" href="#cc_1">
📝 Initial Planning & Design
<img src="assets/chevron_right.svg">
</a>
<a class="ct_item" href="#cc_2">
👷♂️ Professional Services & Permissions
<img src="assets/chevron_right.svg">
</a>
<a class="ct_item" href="#cc_3">
💰 Budgeting & Management
<img src="assets/chevron_right.svg">
</a>
<a class="ct_item" href="#cc_4">
🏗️ Construction & Finishings
<img src="assets/chevron_right.svg">
</a>
<a class="ct_item" href="#cc_5">
🌳 Exterior Work
<img src="assets/chevron_right.svg">
</a>
<a class="ct_item" href="#cc_6">
🏁 Completion & Maintenance
<img src="assets/chevron_right.svg">
</a>
</div>
</div>
<a href="/about-you.html" class="s_sign-in">
Edit Selection
<img src="assets/pencil.svg">
</a>
</section>
<section id="main-checklist">
<div class="checklist-category" id="cc_1">
<h3>📝 Initial Planning & Design</h3>
<p>Get your ideas in order! This phase helps you research, plan, and prepare for your home extension project, from understanding local regulations to deciding on your project's purpose and style.</p>
</div>
<div class="checklist-category" id="cc_2">
<h3>👷♂️ Professional Services & Permissions</h3>
<p>It's all about assembling your dream team! Here, you'll find steps to hire the right professionals like architects and engineers, while also navigating the necessary permissions and regulations.</p>
</div>
<div class="checklist-category" id="cc_3">
<h3>💰 Budgeting & Management</h3>
<p>Time to crunch the numbers! This section covers everything from setting your budget and securing financing to managing costs effectively throughout your project.</p>
</div>
<div class="checklist-category" id="cc_4">
<h3>🏗️ Construction & Finishings</h3>
<p>Let's build something beautiful! This phase guides you through the actual construction process, ensuring quality, managing changes, and selecting those finishing touches that make your space uniquely yours.</p>
</div>
<div class="checklist-category" id="cc_5">
<h3>🌳 Exterior Work</h3>
<p>Here, you'll find tips on designing and beautifying your exterior spaces, from gardens to pathways, to give your home that perfect curb appeal.</p>
</div>
<div class="checklist-category" id="cc_6">
<h3>🏁 Completion & Maintenance</h3>
<p>Crossing the finish line! This category covers the final steps of your project, including inspections, compiling warranties, and creating maintenance plans to keep your new extension looking fantastic for years to come.</p>
</div>
<!-- <div id="local_storage_loaded">
</div> -->
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="./papaparse.min.js"></script>
<script src="script.js"></script>
</body>
</html>