shoofle/shooflenet
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Circle script updates!

Browse Source
This commit is contained in:
Shoofle 2014-05-23 12:42:09 -04:00
parent 1187090a20
commit a213553a18
1 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
articles/circle_script.article.html
View File

@ -1,23 +1,15 @@
<article> <article>
<style type="text/css"> <style type="text/css">
svg .glyph { svg circle, svg path { fill: none; }
stroke: #600; svg .glyph { stroke: #600; }
fill: none; svg .vowel { stroke: #044; }
} svg .radical { stroke: #004; }
svg .vowel { svg circle.radical { fill: black; }
stroke: #044; svg .enclosure { stroke: #000; }
fill: none;
}
svg .radical {
stroke: #004;
fill: none;
}
svg .enclosure {
stroke: #000;
fill: none;
}
</style> </style>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" preserveAspectRatio="xMidYMax" id="arena" viewBox="-100 -100 200 200"> <div class="row-fluid">
<div class="span6 offset3">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="400px" preserveAspectRatio="xMidYMax" id="arena" viewBox="-105 -105 210 210">
<defs> <defs>
<path id="mound" d="M-10,0 H-8 A9,8 0,0,1 8,0 H10" class="glyph"></path> <path id="mound" d="M-10,0 H-8 A9,8 0,0,1 8,0 H10" class="glyph"></path>
<g id="mound2"> <g id="mound2">
@ -47,6 +39,8 @@
<path id="weird_up" d="M -4,-4 A 4,6 0,0,0 0,-8 A 4,6 0,0,0 4,-4" class="vowel"></path> <path id="weird_up" d="M -4,-4 A 4,6 0,0,0 0,-8 A 4,6 0,0,0 4,-4" class="vowel"></path>
<path id="weird_down" d="M -4,-8 A 4,6 0,0,0 0,-4 A 4,6 0,0,0 4,-8" class="vowel"></path> <path id="weird_down" d="M -4,-8 A 4,6 0,0,0 0,-4 A 4,6 0,0,0 4,-8" class="vowel"></path>
</svg> </svg>
</div>
</div>
<hr> <hr>
<input type="text" value="shoof~l ihs ~ bihg dohrk" /> <input type="text" value="shoof~l ihs ~ bihg dohrk" />
<h3>Available Sounds:</h3> <h3>Available Sounds:</h3>
@ -160,7 +154,7 @@
var radical_length = 3; var radical_length = 3;
var radical_length_vowel = 6; var radical_length_vowel = 6;
var vowel_radius = 4; var vowel_radius = 4;
var inset = 5; var inset = 15;
var word_radius = 20; var word_radius = 20;
var sentence_radius = 100; var sentence_radius = 100;