Added lots of styling

This commit is contained in:
Robbie Antenesse 2015-11-01 13:35:59 -07:00
parent b418afafcb
commit 9d2d26edf9
7 changed files with 462 additions and 42 deletions

View File

@ -1,11 +1,11 @@
## What is Dictionary Builder?
Dictionary Builder is a tool intended to help build constructed language dictionaries.
## What is Lexiconga Dictionary Builder?
Lexiconga is a tool intended to help build constructed language dictionaries.
You can enter words and definitions, and they will appear nicely formatted and in alphabetical order under your dictionary's title, where you can also sort them by part of speech. If the default parts of speech are not adequate for your conlang, you can change them to whatever parts of speech you might need. You can even enter a description or full set of language rules that you can toggle on and off below the dictionary's title!
It accepts Unicode characters so you can utilize whatever typable characters you might need and Markdown for formatting long text entries, and if you want to share or even just make a backup of your dictionary, you can export it to a single convenient file that can be easily re-imported. It also saves your dictionary to your browser's localStorage every time you make a change, which means as long as you use the same browser and don't deliberately delete it, your dictionary will always be there when you come back.
## How do I use Dictionary Builder?
## How do I use Lexiconga?
### Getting Started
When you have a brand new, empty dictionary, the first thing you'll probably want to do is change the title to whatever your conlang is called and add at least a little description of what your language is like or how to use it. You can do this by clicking on the Settings button, which will open up the settings screen. Here, you will find all the fields you need to update your dictionary's Name and Description/Rules. The Description/Rules text area uses [Markdown](https://help.github.com/articles/markdown-basics/) to format any text you include, so brush up on how to do basic things in Markdown before you get started (NOTE: a line break is done by adding 2 or more spaces to the end of the line and then going to the next line!). Update these fields to what you want them to say and click the "Save" button to keep the Settings menu open, or the "Save and Close" button to close the menu and start adding words!

122
css/lexiconga.css Normal file
View File

@ -0,0 +1,122 @@
body {
background: #e6cfaa;
}
header {
height: 50px;
width: 100%;
background: #eacc9d;
margin-bottom: 3px;
border-bottom: 3px solid #e3bb7d;
}
footer {
background: #d69c42;
border-top: 3px solid #e3bb7d;
}
@media screen
and (min-device-width : 481px) {
#headerPadder {
padding: 1px;
}
#loginoutArea {
margin: 16px;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#siteLogo {
display: block;
text-indent: -9999px;
width: 150px;
height: 30px;
background: url(../images/logo.svg);
background-size: 150px 30px;
float: left;
}
#loginoutArea {
margin: 16px 8px;
}
}
#siteLogo {
display: block;
text-indent: -9999px;
width: 242px;
height: 48px;
background: url(../images/logo.svg);
background-size: 242px 48px;
float: left;
}
#loginoutArea {
float: right;
}
#loginoutArea a {
color: #000000;
text-decoration: none;
font-size: 13px;
}
#wordEntryForm {
background: #c05d5d;
border-color: #c08d8d #b00d0d #b00d0d #c08d8d;
}
input, textarea, select, option, button {
background: #efdfc0;
}
#dictionaryContainer {
background: #bd7251;
padding: 15px;
border: outset;
border-color: #d09b84 #915237 #915237 #d09b84;
}
#dictionaryDescription, .management, #settingsOptions, #aboutPage {
background: #f2d5b2;
}
.management {
border-width: 2px;
border-color: #ebbe87 #f9ecdd #f9ecdd #ebbe87;
}
#dictionaryName {
text-shadow: 2px 2px 2px #915337;
}
#dictionaryDescription {
width: 90%;
}
#loginLink, #logoutLink,
#descriptionToggle, #settingsButton,
#settingsScreenCloseButton, #aboutScreenCloseButton {
background: #e0c19c;
}
entry {
background: #d7ad7d;
border-color: #e7cfb3 #c78b47 #c78b47 #e7cfb3;
}
.editButton {
background: #89cb89;
}
.deleteButton {
background: #cc8888;
}
#aboutButton {
background: #dcb078;
}

View File

@ -5,6 +5,11 @@
font-family: Georgia, 'Times New Roman', Times, serif;
}
contents {
display: block;
width: 100%;
}
footer {
width: 100%;
text-align: center;
@ -17,17 +22,34 @@ footer {
max-height: 32px; /* Update Dictionary Container's bottom margin to account for footer */
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
footer {
position: relative;
clear: both;
max-height: 100%;
}
#dictionaryContainer {
margin-bottom: 15px !important;
}
}
#leftColumn {
float: left;
}
form {
margin: 15px;
padding: 15px;
}
#wordEntryForm {
width: 30%;
max-width: 400px;
min-width: 260px;
margin: 15px 0 15px 15px;
border: outset 3px;
}
@ -61,13 +83,18 @@ input[type=checkbox] {
}
#longDefinition {
width: 350px;
height: 200px;
width: 80%;
min-width: 260px;
height: 150px;
}
#updateConflict {
width: 260px;
}
#errorMessage, #updateConflictMessage, #settingsErrorMessage {
display: block;
color: red;
color: maroon;
font-weight: bold;
}
@ -78,8 +105,9 @@ input[type=checkbox] {
#dictionaryContainer {
margin: 15px 0 36px 15px; /* bottom margin must clear footer */
width: 50%;
min-width: 350px;
width: 60%;
min-width: 260px;
max-width: 600px;
float: left;
}
@ -116,8 +144,8 @@ input[type=checkbox] {
entry {
display: block;
width: 50%;
min-width: 300px;
width: 90%;
min-width: 200px;
padding: 10px 10px 3px;
border: outset 3px;
margin-bottom: 5px;
@ -221,12 +249,12 @@ searchTerm {
#settingsOptions, #aboutPage {
position: fixed;
top: 10%;
left: 10%;
right: 10%;
bottom: 10%;
min-width: 300px;
min-height: 300px;
top: 6%;
left: 6%;
right: 6%;
bottom: 6%;
min-width: 260px;
min-height: 260px;
padding: 5px 5% 5%;
overflow-y: auto;
overflow-x: hidden;
@ -247,9 +275,14 @@ searchTerm {
margin: 0;
}
#dictionaryDescriptionEdit, #dictionaryPartsOfSpeechEdit {
width: 100%;
max-width: 360px;
min-width: 200px;
}
#dictionaryDescriptionEdit {
width: 280px;
height: 130px;
height: 200px;
}
#settingsErrorMessage {
@ -265,6 +298,8 @@ searchTerm {
.settingsCol {
display: block;
float: left;
width: 300px;
width: 30%;
min-width: 260px;
max-width: 400px;
margin: 0 30px 0 0;
}

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

80
images/favicon.svg Normal file
View File

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="9.0311108mm"
height="9.0311117mm"
viewBox="0 0 32 32.000003"
id="svg4162"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="favicon.svg"
inkscape:export-filename="C:\Users\Robbie\Documents\Git Repositories\DictionaryBuilder\images\favicon.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<defs
id="defs4164" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2"
inkscape:cx="27.214321"
inkscape:cy="14.163793"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1600"
inkscape:window-height="837"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata4167">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-294.94889,-329.57512)">
<g
id="g4154"
transform="matrix(0.25948938,0,0,0.1819809,266.12628,316.75349)">
<path
sodipodi:nodetypes="ccccc"
inkscape:connector-curvature="0"
id="rect4136"
d="m 234.39344,70.455884 -42.42641,83.842656 -80.8927,0 42.42641,-83.842656 z"
style="opacity:1;fill:#ff5500;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
sodipodi:nodetypes="ccccc"
inkscape:connector-curvature="0"
id="rect4138"
d="m 191.96703,162.45587 42.42641,83.84266 -80.8927,0 -42.42641,-83.84266 z"
style="opacity:1;fill:#ff5500;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

182
images/logo.svg Normal file
View File

@ -0,0 +1,182 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="70.492607mm"
height="15.546667mm"
viewBox="0 0 249.77695 55.086615"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="logo.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="4"
inkscape:cx="141.81687"
inkscape:cy="-4.9413208"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="1"
fit-margin-left="1"
fit-margin-right="1"
fit-margin-bottom="1"
inkscape:window-width="1600"
inkscape:window-height="837"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-107.53102,-155.84245)">
<g
id="g4154"
transform="matrix(0.2672688,0,0,0.2672688,81.387627,140.5551)">
<path
sodipodi:nodetypes="ccccc"
inkscape:connector-curvature="0"
id="rect4136"
d="m 234.39344,70.455884 -42.42641,83.842656 -80.8927,0 42.42641,-83.842656 z"
style="opacity:1;fill:#ff5500;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
sodipodi:nodetypes="ccccc"
inkscape:connector-curvature="0"
id="rect4138"
d="m 191.96703,162.45587 42.42641,83.84266 -80.8927,0 -42.42641,-83.84266 z"
style="opacity:1;fill:#ff5500;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
<g
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.34086013px;line-height:125%;font-family:'04b03';-inkscape-font-specification:'04b03';letter-spacing:0px;word-spacing:0px;fill:#2b0000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="text4158">
<path
d="m 221.12132,171.00569 -7.12542,0 0,-7.07845 2.5213,0 0,4.55715 3.78979,0 -3.28866,-5.05828 -3.02243,0 0,-2.5213 3.38262,0 q 1.0649,0 1.65999,0.93962 0.70471,1.01791 1.42508,2.02017 1.11188,1.58169 1.83225,2.81885 0.92396,1.58169 0.92396,2.22376 0,0.84566 -0.62641,1.47207 -0.62641,0.62641 -1.47207,0.62641 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4754" />
<path
d="m 224.14376,171.00569 0,-7.39433 2.53696,0 0,7.39433 z m 0,-9.59975 0,-2.02018 2.53696,0 0,2.02018 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4756"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccc" />
<path
d="m 227.93355,164.94516 0,-1.26848 q 0,-0.50113 0.37584,-0.87698 0.37585,-0.37584 0.89264,-0.37584 l 4.61978,0 1.69131,2.5213 -7.57957,0 z m 5.88826,6.06053 -4.61978,0 q -0.51679,0 -0.89264,-0.37585 -0.37584,-0.37584 -0.37584,-0.89263 l 0,-4.29092 2.53696,0 0,3.0381 5.04261,0 -1.69131,2.5213 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4758" />
<path
d="m 240.0546,164.94516 0,-2.5213 0.32887,0 1.69131,2.5213 -2.02018,0 z m -3.02243,6.06053 0,-6.06053 -1.01792,0 0,-2.5213 1.01792,0 0,-3.0381 2.52131,1.69131 0,9.92862 -2.52131,0 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4760" />
<path
d="m 242.84214,171.00569 0,-7.39433 2.53696,0 0,7.39433 z m 0,-9.59975 0,-2.02018 2.53696,0 0,2.02018 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4762"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccc" />
<path
d="m 246.63192,164.94516 0,-1.26848 q 0,-0.50113 0.37585,-0.87698 0.37585,-0.37584 0.89264,-0.37584 l 5.04261,0 q 0.53245,0 0.89263,0.37584 0.37585,0.36019 0.37585,0.87698 l 0,1.26848 -7.57958,0 z m 6.3111,6.06053 -5.04261,0 q -0.51679,0 -0.89264,-0.37585 -0.37585,-0.37584 -0.37585,-0.89263 l 0,-4.29092 2.53697,0 0,3.0381 2.5213,0 0,-3.0381 2.52131,0 0,4.29092 q 0,0.51679 -0.37585,0.89263 -0.37584,0.37585 -0.89263,0.37585 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4764" />
<path
d="m 260.27203,171.00569 0,-6.06053 -5.05827,0 0,-2.5213 6.31109,0 q 0.51679,0 0.89264,0.36018 0.37585,0.36019 0.37585,0.89264 l 0,7.32901 -2.52131,0 z m -5.05827,0 0,-5.5594 2.53697,0 0,5.5594 -2.53697,0 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4766" />
<path
d="m 263.79559,164.94516 1.69131,-2.5213 4.61979,0 q 0.53245,0 0.89263,0.37584 0.37585,0.36019 0.37585,0.87698 l 0,1.26848 -7.57958,0 z m 1.26849,6.06053 q -0.51679,0 -0.89264,-0.37585 -0.37585,-0.37584 -0.37585,-0.89263 l 0,-3.02244 q 0,-0.51679 0.37585,-0.89263 0.37585,-0.37585 0.89264,-0.37585 l 1.59734,0 1.69132,2.52131 -2.02018,0 0,0.51679 2.5213,0 0,-3.0381 2.52131,0 0,5.5594 -6.31109,0 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4768" />
<path
d="m 275.41552,164.94516 0,-2.5213 2.85018,0 1.69131,2.5213 -4.54149,0 z m -3.03809,6.06053 0,-8.58183 2.53697,0 0,8.58183 -2.53697,0 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4770" />
<path
d="m 283.85642,174.54492 -2.66225,0 1.1432,-3.61753 q -0.64207,-0.42283 -0.83,-1.12754 l -2.12979,-7.37599 2.63092,0 1.39377,4.87034 1.50339,-4.87034 2.61526,0 -3.6645,12.12106 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4772" />
<path
d="m 304.27742,171.00569 -7.12543,0 0,-7.07845 2.53697,0 0,0.51679 2.5213,0 0,-1.01792 -5.05827,0 0,-2.5213 6.3111,0 q 0.76735,0 1.11188,0.9866 0.25056,0.73603 0.25056,2.02017 0,0.62641 -0.0313,1.00226 -0.0313,0.37585 -0.0626,0.84566 0.50113,0.73603 1.01792,1.4564 0.62641,0.9866 0.62641,1.69131 0,0.87698 -0.61075,1.48773 -0.61075,0.61075 -1.48773,0.61075 z m -1.78527,-4.04035 -2.80319,0 0,1.51905 3.77413,0 -0.97094,-1.51905 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4774" />
<path
d="m 308.31778,171.00569 q -0.51679,0 -0.89264,-0.37585 -0.37585,-0.37584 -0.37585,-0.89263 l 0,-7.31335 2.53697,0 0,6.06053 2.5213,0 0,-6.06053 2.52131,0 0,8.58183 -6.31109,0 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4776" />
<path
d="m 315.88169,171.00569 0,-7.39433 2.53697,0 0,7.39433 z m 0,-9.59975 0,-2.02018 2.53697,0 0,2.02018 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4778"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccc" />
<path
d="m 319.92204,171.00569 0,-11.61993 2.53697,0 0,11.61993 -2.53697,0 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4780" />
<path
d="m 323.71184,164.94516 0,-1.26848 q 0,-0.50113 0.37584,-0.87698 0.37585,-0.37584 0.89264,-0.37584 l 3.78979,0 0,-3.0381 2.5213,0 0,5.5594 -7.57957,0 z m 1.26848,6.06053 q -0.51679,0 -0.89264,-0.37585 -0.37584,-0.37584 -0.37584,-0.89263 l 0,-4.29092 2.53696,0 0,3.0381 2.52131,0 0,-3.0381 2.5213,0 0,5.5594 -6.31109,0 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4782" />
<path
d="m 338.62042,167.9676 -2.15984,0 -1.69131,-2.52131 5.10398,0 0,1.26848 c 0,0.34453 -0.12528,0.64207 -0.37585,0.89264 -0.24013,0.24013 -0.53245,0.36019 -0.87698,0.36019 z m 0.0783,3.03809 -5.13658,0 c -0.34453,0 -0.64207,-0.12528 -0.89263,-0.37585 -0.25057,-0.25056 -0.37585,-0.5481 -0.37585,-0.89263 l 0,-6.06053 c 0,-0.33409 0.12528,-0.62641 0.37585,-0.87698 0.25056,-0.25056 0.5481,-0.37584 0.89263,-0.37584 l 5.05827,0 c 0.34453,0 0.63685,0.12528 0.87698,0.37584 0.25057,0.24013 0.37585,0.53245 0.37585,0.87698 l 0,1.26848 -5.04261,0 0,3.53923 5.5594,0 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4784"
inkscape:connector-curvature="0"
sodipodi:nodetypes="scccssscscssssscsccccc" />
<path
d="m 344.44605,164.94516 0,-2.5213 2.85017,0 1.69131,2.5213 -4.54148,0 z m -3.0381,6.06053 0,-8.58183 2.53697,0 0,8.58183 -2.53697,0 z"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:16.036129px;font-family:'AR DESTINE';-inkscape-font-specification:'AR DESTINE Thin';fill:#2b0000;fill-opacity:1"
id="path4786" />
</g>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.55362368px;line-height:125%;font-family:'04b03';-inkscape-font-specification:'04b03';letter-spacing:0px;word-spacing:0px;fill:#ff5400;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="140.1727"
y="205.97693"
id="text4142"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan4144"
x="140.1727"
y="205.97693"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:47.18608856px;font-family:'Bauhaus 93';-inkscape-font-specification:'Bauhaus 93, ';fill:#ff5400;fill-opacity:1">EXI</tspan></text>
<text
sodipodi:linespacing="125%"
id="text4146"
y="205.42674"
x="199.86568"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.32758331px;line-height:125%;font-family:'04b03';-inkscape-font-specification:'04b03';letter-spacing:0px;word-spacing:0px;fill:#d70000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:45.55859756px;font-family:'AR DARLING';-inkscape-font-specification:'AR DARLING Thin';letter-spacing:-2.95332003px;fill:#d70000;fill-opacity:1"
y="205.42674"
x="199.86568"
id="tspan4148"
sodipodi:role="line"
dx="0">CONGA</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -4,9 +4,10 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dictionary Builder</title>
<title>Lexiconga Dictionary Builder</title>
<link href="css/styles.css" rel="stylesheet" />
<link href="css/lexiconga.css" rel="stylesheet" />
<!-- Markdown Parser -->
<script src="js/markdown-js/markdown.min.js"></script>
@ -17,6 +18,16 @@
<script src="js/dictionaryBuilder.js"></script>
</head>
<body>
<header>
<div id="headerPadder">
<a href="/" id="siteLogo">Lexiconga Dictionary Builder</a>
<div id="loginoutArea">
<a href="?login" id="loginLink" class="clickable">Log In</a>
<a href="?logout" id="logoutLink" class="clickable" style="display:none;">Log Out</a>
</div>
</div>
</header>
<contents>
<div id="leftColumn">
<form id="wordEntryForm">
<label><span>Word</span>
@ -29,17 +40,7 @@
<textarea id="longDefinition"></textarea>
</label>
<label><span>Part of Speech</span>
<select id="partOfSpeech">
<!--
<option value="noun">Noun</option>
<option value="adjective">Adjective</option>
<option value="verb">Verb</option>
<option value="adverb">Adverb</option>
<option value="preposition">Preposition</option>
<option value="pronoun">Pronoun</option>
<option value="conjunction">Conjunction</option>
-->
</select>
<select id="partOfSpeech"></select>
</label>
<input type="hidden" id="editIndex" />
<span id="errorMessage"></span>
@ -57,9 +58,9 @@
<div id="dictionaryContainer">
<span id="settingsButton" class="clickable" onclick="ShowSettings()">Settings</span>
<h2 id="dictionaryName"></h2>
<h1 id="dictionaryName"></h1>
<span id="descriptionToggle" onclick="ToggleDescription();">Show Description</span>
<span id="descriptionToggle" class="clickable" onclick="ToggleDescription();">Show Description</span>
<div id="dictionaryDescription" style="display:none;"></div>
<div id="searchArea" style="display:block;">
@ -140,15 +141,15 @@
</div>
<div id="aboutScreen" style="display:none;">
<div id="aboutBackgroundFade" onclick="HideAbout()"></div>
<div id="aboutPage">
<span id="aboutScreenCloseButton" class="clickable" onclick="HideAbout()">Close</span>
<div id="aboutText"></div>
</div>
</div>
<div id="aboutBackgroundFade" onclick="HideAbout()"></div>
<div id="aboutPage">
<span id="aboutScreenCloseButton" class="clickable" onclick="HideAbout()">Close</span>
<div id="aboutText"></div>
</div>
</div>
</contents>
<footer>
<span id="aboutButton" class="clickable" onclick="ShowAbout()">About Dictionary Builder</span>
<span id="aboutButton" class="clickable" onclick="ShowAbout()">About Lexiconga</span>
Version <script>document.write(currentVersion);</script>. Dictionary Builder only guaranteed to work with most up-to-date HTML5 browsers.
</footer>
</body>