diff --git a/web/phonagen.css b/web/phonagen.css index 7524a3e..34e28ad 100644 --- a/web/phonagen.css +++ b/web/phonagen.css @@ -1,9 +1,9 @@ body { margin-left: 1.5%; margin-right: 1.5%; - - color: hsla(230, 10%, 15%, 1.0); - border-color: hsla(230, 10%, 15%, 1.0); + background-color: hsl(230, 10%, 50%); + color: hsl(230, 10%, 10%); + border-color: hsl(230, 10%, 15%); } h1 { @@ -42,7 +42,7 @@ hr { } header { - background-color: hsla(230, 10%, 90%, 0.60); + background-color: hsla(230, 10%, 90%); border-style: solid; border-width: thin; @@ -54,7 +54,7 @@ header { } footer { - background-color: hsla(230, 10%, 90%, 0.60); + background-color: hsla(230, 10%, 90%); border-style: solid; border-width: thin; @@ -66,7 +66,7 @@ footer { } article { - background-color: hsla(230, 10%, 90%, 0.60); + background-color: hsla(230, 10%, 90%); border-style: solid; border-width: thin; border-radius: 5px; @@ -74,75 +74,10 @@ article { padding: 10px; } -nav { - background-color: hsla(230, 10%, 90%, 0.60); - border-style: solid; - border-width: thin; - border-radius: 5px; - margin: 2px; - padding: 3px; -} - -section { - margin-left: 5px; -} - p { margin-left: 7px; } -.nav-item { - display: inline-block; - padding-left: 10px; - padding-right: 10px; -} - -.author-date { - text-align: right; - font-style: italic; -} - -.author { - font-variant: small-caps; -} - -.banner { - text-align: center; - opacity: 1.0; -} - -a:link { - color: hsla(230, 90%, 35%, 1.0); - text-decoration: none; -} -a:visited { - color: hsla(280, 90%, 35%, 1.0); - text-decoration: none; -} -a:hover { - color: hsla(230, 90%, 90%, 1.0); - text-shadow: 1px 0px 2px hsla(230, 90%, 15%, 1.0), -1px 0px 2px hsla(230, 90%, 15%, 1.0), 0px 1px 2px hsla(230, 90%, 15%, 1.0), 0px -1px 2px hsla(230, 90%, 15%, 1.0), 0px 0px 0.2em hsla(230, 90%, 25%, 1.0) -} - -table { - border-style: solid; - border-width: thin; - border-collapse: collapse; -} - -th { - background-color: hsla(230, 10%, 90%, 1.0); - border-style: solid; - border-width: thin; - border-collapse: collapse; - padding: 5px; - text-align: center; -} - -td { - border-style: solid; - border-width: thin; - border-collapse: collapse; - padding: 5px; - text-align: center; +.main-transcription { + font-size: 200%; } diff --git a/web/phonagen.js b/web/phonagen.js index 2b0493f..7f40121 100644 --- a/web/phonagen.js +++ b/web/phonagen.js @@ -129,7 +129,7 @@ phonagen.formatWord = function (phonemes, phonology) { } // Construct what should be displayed var text = "

" - text += "" + wordTranscriptions.get(phonology.mainTranscription) + "
" + text += "" + wordTranscriptions.get(phonology.mainTranscription) + "
" text += "Pronounciation: /" + wordTranscriptions.get("phoneme") +"/
" for (var [writing, value] of wordTranscriptions) { if ( (writing !== "phoneme")