Skip to content

Commit 9244940

Browse files
styopdevstyopdev
committed
Html code minor intendation fixes
1 parent c0cdf85 commit 9244940

File tree

1 file changed

+126
-130
lines changed

1 file changed

+126
-130
lines changed

‎index.html‎

Lines changed: 126 additions & 130 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,7 @@
44
<meta charset="UTF-8">
55
<link rel="icon" href="img/favicon.png" type="image/x-icon"/>
66
<title>Generate your folder's tree based on uploaded zip or github repository</title>
7-
8-
<!--Favicon -->
9-
7+
<!-- favicon -->
108
<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-touch-icon.png">
119
<link rel="apple-touch-icon" sizes="512x512" href="img/favicon/apple-icon-512x512.png">
1210
<link rel="apple-touch-icon" sizes="192x192" href="img/favicon/apple-icon-192x192.png">
@@ -17,8 +15,7 @@
1715
<meta name="msapplication-TileColor" content="#ffffff">
1816
<meta name="msapplication-TileImage" content="img/favicon/ms-icon-144x144.png">
1917
<meta name="theme-color" content="#ffffff">
20-
<!--end of Favicon -->
21-
18+
<!-- end of favicon -->
2219
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet">
2320
<link rel="stylesheet" href="css/dropzone.css">
2421
<link rel="stylesheet" href="css/reset.css">
@@ -41,12 +38,9 @@
4138
</p>
4239
</div>
4340
</div>
44-
4541

4642
<div id="layout" class="layout flex">
47-
4843
<div class="warning">
49-
5044
<div class="logo-wrapper-mobile mb-7">
5145
<a href="">
5246
<img src="img/logo-small.png" alt="logo">
@@ -61,6 +55,7 @@
6155
everything will be done on your own computer.
6256
</span>
6357
</span>
58+
6459
<div class="social-nav">
6560
<a class="github-button" href="https://github.com/styopdev/folder-to-tree" data-size="large" data-show-count="true" aria-label="Star styopdev/folder-to-tree on GitHub">Star</a>
6661

@@ -74,122 +69,122 @@
7469
data-related="twitterapi,twitter">
7570
</a>
7671
</div>
77-
7872
</div>
73+
7974
<div class="content">
75+
<div id="settings" class="no-select">
76+
<div class="settings-menu-box">
77+
<ul class="settings-menu bg-color">
78+
<li>
79+
<label class="inline">
80+
<input class="jscolor" onchange="changeSetting('background', '#' + this.value)" value="000000">
81+
</label>
82+
<label class="settings-menu-item inline">Background Color</label>
83+
</li>
84+
<li>
85+
<label class="inline">
86+
<input class="jscolor" onchange="changeSetting('foreground', '#' + this.value)" value="00FA00">
87+
</label>
88+
<label class="settings-menu-item inline">Foreground Color</label>
89+
</li>
90+
</ul>
91+
<ul class="settings-menu styles">
92+
<li>
93+
<label class="checkbox-btn-container inline">
94+
<input id="with-dashes" name="with-dashes" type="checkbox" onchange="changeSetting('withDashes', this.checked)" checked="checked">
95+
<span class="checkmark"></span>
96+
</label>
97+
<label for="with-dashes" class="settings-menu-item inline">With Dashes</label>
98+
</li>
99+
<li>
100+
<label class="checkbox-btn-container inline">
101+
<input id="with-sizes" name="with-icons" type="checkbox" onchange="changeSetting('withSizes', this.checked)" checked="checked">
102+
<span class="checkmark"></span>
103+
</label>
104+
<label for="with-sizes" class="settings-menu-item inline">With Sizes</label>
105+
</li>
106+
</ul>
107+
<ul class="settings-menu typograpgy">
108+
<li>
109+
<div class="select-wrapper inline mr-12">
110+
<select onchange="changeSetting('fontSize', this.value)" name="et-font-size" class="inline" id="et-font-size">
111+
<option value="12">12px</option>
112+
<option value="13">13px</option>
113+
<option value="14">14px</option>
114+
<option value="15">15px</option>
115+
<option value="16" selected>16px</option>
116+
<option value="17">17px</option>
117+
<option value="18">18px</option>
118+
</select>
119+
<i class="arrow-down"></i>
120+
</div>
121+
<label class="settings-menu-item inline">Font Size</label>
122+
</li>
123+
<li>
124+
<div class="select-wrapper inline mr-12">
125+
<select onchange="changeSetting('lineHeight', this.value)" name="et-line-height" class="inline" id="et-line-height">
126+
<option value="12">12px</option>
127+
<option value="14">14px</option>
128+
<option value="16">16px</option>
129+
<option value="18">18px</option>
130+
<option value="20">20px</option>
131+
<option value="22" selected>22px</option>
132+
<option value="24">24px</option>
133+
<option value="26">26px</option>
134+
<option value="28">28px</option>
135+
<option value="30">30px</option>
136+
</select>
137+
<span class="arrow-down"></span>
138+
</div>
139+
<label class="settings-menu-item inline">Line Height</label>
140+
</li>
141+
</ul>
142+
</div>
80143

144+
<div id="generated-tree" class="generated-tree">
145+
<a class="back cp" title="Try again">
146+
<div class="back-bg"></div>
147+
<img src="./img/reload.png" class="back-image" alt="Go back" onclick="retry()">
148+
</a>
149+
</div>
81150

82-
<div id="settings" class="no-select">
83-
<div class="settings-menu-box">
84-
<ul class="settings-menu bg-color">
85-
<li>
86-
<label class="inline">
87-
<input class="jscolor" onchange="changeSetting('background', '#' + this.value)" value="000000">
88-
</label>
89-
<label class="settings-menu-item inline">Background Color</label>
90-
</li>
91-
<li>
92-
<label class="inline">
93-
<input class="jscolor" onchange="changeSetting('foreground', '#' + this.value)" value="00FA00">
94-
</label>
95-
<label class="settings-menu-item inline">Foreground Color</label>
96-
</li>
97-
</ul>
98-
<ul class="settings-menu styles">
99-
<li>
100-
<label class="checkbox-btn-container inline">
101-
<input id="with-dashes" name="with-dashes" type="checkbox" onchange="changeSetting('withDashes', this.checked)" checked="checked">
102-
<span class="checkmark"></span>
103-
</label>
104-
<label for="with-dashes" class="settings-menu-item inline">With Dashes</label>
105-
</li>
106-
<li>
107-
<label class="checkbox-btn-container inline">
108-
<input id="with-sizes" name="with-icons" type="checkbox" onchange="changeSetting('withSizes', this.checked)" checked="checked">
109-
<span class="checkmark"></span>
110-
</label>
111-
<label for="with-sizes" class="settings-menu-item inline">With Sizes</label>
112-
</li>
113-
</ul>
114-
<ul class="settings-menu typograpgy">
115-
<li>
116-
<div class="select-wrapper inline mr-12">
117-
<select onchange="changeSetting('fontSize', this.value)" name="et-font-size" class="inline" id="et-font-size">
118-
<option value="12">12px</option>
119-
<option value="13">13px</option>
120-
<option value="14">14px</option>
121-
<option value="15">15px</option>
122-
<option value="16" selected>16px</option>
123-
<option value="17">17px</option>
124-
<option value="18">18px</option>
125-
</select>
126-
<i class="arrow-down"></i>
127-
</div>
128-
<label class="settings-menu-item inline">Font Size</label>
129-
</li>
130-
<li>
131-
<div class="select-wrapper inline mr-12">
132-
<select onchange="changeSetting('lineHeight', this.value)" name="et-line-height" class="inline" id="et-line-height">
133-
<option value="12">12px</option>
134-
<option value="14">14px</option>
135-
<option value="16">16px</option>
136-
<option value="18">18px</option>
137-
<option value="20">20px</option>
138-
<option value="22" selected>22px</option>
139-
<option value="24">24px</option>
140-
<option value="26">26px</option>
141-
<option value="28">28px</option>
142-
<option value="30">30px</option>
143-
</select>
144-
<span class="arrow-down"></span>
145-
</div>
146-
<label class="settings-menu-item inline">Line Height</label>
147-
</li>
148-
</ul>
149-
</div>
151+
<div class="watermark-row">
152+
<label class="checkbox-btn-container inline">
153+
<input id="no-watermark" name="with-watermark" type="checkbox" onchange="changeSetting('watermarkEnabled', !this.checked)">
154+
<span class="checkmark"></span>
155+
</label>
156+
<label for="no-watermark" class="settings-menu-item inline">No watermark please ;)</label>
157+
</div>
150158

151-
<div id="generated-tree" class="generated-tree">
152-
<a class="back cp" title="Try again">
153-
<div class="back-bg"></div>
154-
<img src="./img/reload.png" class="back-image" alt="Go back" onclick="retry()">
155-
</a>
156-
</div>
157-
<div class="watermark-row">
158-
<label class="checkbox-btn-container inline">
159-
<input id="no-watermark" name="with-watermark" type="checkbox" onchange="changeSetting('watermarkEnabled', !this.checked)">
160-
<span class="checkmark"></span>
161-
</label>
162-
<label for="no-watermark" class="settings-menu-item inline">No watermark please ;)</label>
163-
</div>
164-
<div class="download-button-row">
165-
<a id="download-button" download="folder-to-tree.png" onclick="initDownload()" class="button download-button">Download</a>
159+
<div class="download-button-row">
160+
<a id="download-button" download="folder-to-tree.png" onclick="initDownload()" class="button download-button">Download</a>
161+
</div>
166162
</div>
167163

168-
</div>
169-
170-
<div id="zone">
171-
<div id="options-box">
172-
<div class="mb-10">
173-
<span onclick="openSelectFile()" class="et-btn cp">Select File</span>
174-
</div>
164+
<div id="zone">
165+
<div id="options-box">
166+
<div class="mb-10">
167+
<span onclick="openSelectFile()" class="et-btn cp">Select File</span>
168+
</div>
169+
170+
<div class="mb-10">
171+
<span class="ttu db fs-18 mb-7">OR</span>
172+
<span class="db">Generate tree for github repository</span>
173+
</div>
175174

176-
<div class="mb-10">
177-
<span class="ttu db fs-18 mb-7">OR</span>
178-
<span class="db">Generate tree for github repository</span>
175+
<label>
176+
<div class="et-form">
177+
<input id="github-url" class="et-btn-input" placeholder="Enter your github repository url..." type="text">
178+
<a id="generate" class="et-btn et-btn-submit cp" onclick="generateFromGithub()">Submit</a>
179+
</div>
180+
</label>
179181
</div>
180182

181-
<label>
182-
<div class="et-form">
183-
<input id="github-url" class="et-btn-input" placeholder="Enter your github repository url..." type="text">
184-
<a id="generate" class="et-btn et-btn-submit cp" onclick="generateFromGithub()">Submit</a>
185-
</div>
186-
</label>
183+
<form action="/file-upload"
184+
class="dropzone"
185+
id="my-awesome-dropzone">
186+
</form>
187187
</div>
188-
<form action="/file-upload"
189-
class="dropzone"
190-
id="my-awesome-dropzone"></form>
191-
</div>
192-
193188
</div>
194189
</div>
195190
</div>
@@ -201,23 +196,24 @@
201196
<script type="text/javascript" src="js/script.js"></script>
202197
<script async defer src="https://buttons.github.io/buttons.js"></script>
203198

204-
<script>window.twttr = (function(d, s, id) {
205-
var js, fjs = d.getElementsByTagName(s)[0],
206-
t = window.twttr || {};
207-
if (d.getElementById(id)) return t;
208-
js = d.createElement(s);
209-
js.id = id;
210-
js.src = "https://platform.twitter.com/widgets.js";
211-
fjs.parentNode.insertBefore(js, fjs);
212-
213-
t._e = [];
214-
t.ready = function(f) {
215-
t._e.push(f);
216-
};
217-
218-
return t;
219-
}(document, "script", "twitter-wjs"));</script>
220-
199+
<script>
200+
window.twttr = (function(d, s, id) {
201+
var js, fjs = d.getElementsByTagName(s)[0],
202+
t = window.twttr || {};
203+
if (d.getElementById(id)) return t;
204+
js = d.createElement(s);
205+
js.id = id;
206+
js.src = "https://platform.twitter.com/widgets.js";
207+
fjs.parentNode.insertBefore(js, fjs);
208+
209+
t._e = [];
210+
t.ready = function(f) {
211+
t._e.push(f);
212+
};
213+
214+
return t;
215+
}(document, "script", "twitter-wjs"));
216+
</script>
221217

222218
<!-- Global site tag (gtag.js) - Google Analytics -->
223219
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-45124943-4"></script>

0 commit comments

Comments
 (0)