Skip to content

Commit

Permalink
fix download link
Browse files Browse the repository at this point in the history
  • Loading branch information
@williamngan
williamngan committed Apr 20, 2015
1 parent 04e1c6f commit 198e109
Show file tree
Hide file tree
Showing 3 changed files with 75 additions and 61 deletions.
16 changes: 11 additions & 5 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,10 +78,16 @@ h1 {
bottom: 0;
background-color: #fff;
border-left: 1px solid #eceff6;
padding: 10px;
transition: right .5s;
overflow-y: auto;
overflow-x: hidden; }
transition: right .5s; }
#menu > .ui-menu {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
padding: 10px;
overflow-y: auto;
overflow-x: hidden; }
#menu.open {
right: 0; }
#menu p {
Expand Down Expand Up @@ -154,7 +160,7 @@ h1 {
opacity: 1; }

#download {
left: -110px; }
left: -120px; }

#close {
position: fixed;
Expand Down
14 changes: 10 additions & 4 deletions css/style.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -92,12 +92,18 @@ h1 {
top: 0; right: -340px; width: 320px; bottom: 0;
background-color: #fff;
border-left: 1px solid darken($bg, 2);
padding: 10px;

transition: right .5s;
overflow-y: auto;
overflow-x: hidden;


> .ui-menu {
position: absolute;
top: 0; right: 0; left: 0; bottom: 0;
padding: 10px;
overflow-y: auto;
overflow-x: hidden;
}

&.open {
right: 0;
}
Expand Down Expand Up @@ -188,7 +194,7 @@ h1 {
}

#download {
left: -110px;
left: -120px;
}

#close {
Expand Down
106 changes: 54 additions & 52 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,58 +29,60 @@


<div id="menu" class="open">
<h1 id="header">Kubist</h1>


<hr />

<p>
<label>Select an image</label><label class="action" onclick="loadImage(this)" data-id="mao.jpg">A guy</label>
<label>&nbsp;</label><label class="action" onclick="loadImage(this)" data-id="bauhaus.jpg">A dance</label>
<label>&nbsp;</label><label class="action" onclick="loadImage(this)" data-id="bay.jpg">A view</label>
<label>&nbsp;</label><label class="hint">Your own image...</label>

<label class="fileinput">
<input type="file" id="fileInput" />
</label>

</p>

<hr />

<p>
<label>Style</label>
<select id="visualizationInput">
<option value="delaunay">Triangle</option>
<option value="voronoi">Cell</option>
</select>
<span id="imageOnlyControl">
<label>&nbsp;</label><label class="checkbox"><input type="checkbox" id="gradientInput" /> <span>Color Gradient</span></label>
<label>&nbsp;</label><label class="checkbox"><input type="checkbox" id="featureInput" /> <span id="analyzeLabel">Analyze image</span></label>
</span>
</p>

<p>
<label>Points</label>
<input type="number" id="pointsInput" value="50" />
</p>

<p>
<label>Circle size</label>
<input type="number" id="circleRadiusInput" value="0" />
</p>

<p>
<label>Border size</label>
<input type="number" id="lineStrokeInput" value="0" />
</p>


<hr />
<p>
<img id="preview" alt="" />
<div id="canvas"></div>
</p>
<div class="ui-menu">
<h1 id="header">Kubist</h1>


<hr />

<p>
<label>Select an image</label><label class="action" onclick="loadImage(this)" data-id="mao.jpg">A guy</label>
<label>&nbsp;</label><label class="action" onclick="loadImage(this)" data-id="bauhaus.jpg">A dance</label>
<label>&nbsp;</label><label class="action" onclick="loadImage(this)" data-id="bay.jpg">A view</label>
<label>&nbsp;</label><label class="hint">Your own image...</label>

<label class="fileinput">
<input type="file" id="fileInput" />
</label>

</p>

<hr />

<p>
<label>Style</label>
<select id="visualizationInput">
<option value="delaunay">Triangle</option>
<option value="voronoi">Cell</option>
</select>
<span id="imageOnlyControl">
<label>&nbsp;</label><label class="checkbox"><input type="checkbox" id="gradientInput" /> <span>Color Gradient</span></label>
<label>&nbsp;</label><label class="checkbox"><input type="checkbox" id="featureInput" /> <span id="analyzeLabel">Analyze image</span></label>
</span>
</p>

<p>
<label>Points</label>
<input type="number" id="pointsInput" value="50" />
</p>

<p>
<label>Circle size</label>
<input type="number" id="circleRadiusInput" value="0" />
</p>

<p>
<label>Border size</label>
<input type="number" id="lineStrokeInput" value="0" />
</p>


<hr />
<p>
<img id="preview" alt="" />
<div id="canvas"></div>
</p>
</div>

<div id="download"><a href="#" onclick="downloadSVG()">Download SVG file</a></div>

Expand Down

0 comments on commit 198e109

Please sign in to comment.