Commit 5414cab7 authored by Thomas Dennis's avatar Thomas Dennis

CSS changes.

parent 82535be5
......@@ -4,11 +4,11 @@
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script src="js/util/string_methods.js"></script>
<title>naniJSore</title>
<title>何JS</title>
</head>
<body>
<div id="navbar" class="custom-navbar custom-header">
<a href="index.html" class="custom-brand">あ naniJSore</a>
<a href="index.html" class="custom-brand"></a>
<a href="kana.html">Kana</a>
<a href="kanji.html">Kanji</a>
<a href="nouns.html">Nouns</a>
......
......@@ -4,11 +4,11 @@
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script src="js/util/string_methods.js"></script>
<title>naniJSore</title>
<title>何JS</title>
</head>
<body>
<div id="navbar" class="custom-navbar custom-header">
<a href="index.html" class="custom-brand">あ naniJSore</a>
<a href="index.html" class="custom-brand"></a>
<a href="kana.html">Kana</a>
<a href="kanji.html">Kanji</a>
<a href="nouns.html">Nouns</a>
......
......@@ -14,11 +14,16 @@ BASIC ELEMENTS
* { box-sizing: border-box; }
h1 {
margin: 0;
text-align: center;
margin: 16px 0;
font-size: 48px;
font-weight: 200;
color: #126;
}
h1, h2, h3 { color: #128; }
h2, h3 {
font-weight: 400;
color: #126;
}
mark {
background: #FFB;
......@@ -88,10 +93,10 @@ COMMON STYLES
============================================================================ */
.instructions {
margin: 16px;
margin: 16px 8px;
padding: 16px;
background: rgb(217, 237, 247);
border: 1px solid rgb(221, 221, 221);
border: 1px solid rgb(167, 187, 197);
color: rgb(49, 112, 143);
border-radius: 8px;
}
......@@ -147,10 +152,10 @@ COMMON STYLES
.section-box {
background: #DDF;
color: #000;
border: 2px solid #AAA;
border-radius: 8px;
border: 1px solid #CCC;
border-radius: 16px;
padding: 8px;
margin: 16px;
margin: 16px 0;
}
.section-box th {
......@@ -249,11 +254,10 @@ body {
.custom-brand {
font-size: 14pt;
font-weight: bold;
text-shadow: 0 0 3px #08F;
color: #def !important;
color: #F66 !important;
}
.body-content { margin: 8px; }
.body-content { margin: 16px; }
/* ============================================================================
INDEX PAGE
......@@ -462,7 +466,7 @@ KANJI INFO PAGE
margin: 0 16px;
padding: 8px 16px;
border: 1px solid #AAA;
background: #DDD;
background: #F0F0F0;
display: inline-block;
list-style: none;
}
......
......@@ -4,11 +4,11 @@
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script src="js/util/string_methods.js"></script>
<title>naniJSore</title>
<title>何JS</title>
</head>
<body>
<div id="navbar" class="custom-navbar custom-header">
<a href="index.html" class="custom-brand">あ naniJSore</a>
<a href="index.html" class="custom-brand"></a>
<a href="kana.html">Kana</a>
<a href="kanji.html">Kanji</a>
<a href="nouns.html">Nouns</a>
......
......@@ -4,11 +4,11 @@
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script src="js/util/string_methods.js"></script>
<title>naniJSore</title>
<title>何JS</title>
</head>
<body>
<div id="navbar" class="custom-navbar custom-header">
<a href="index.html" class="custom-brand">あ naniJSore</a>
<a href="index.html" class="custom-brand"></a>
<a href="kana.html">Kana</a>
<a href="kanji.html">Kanji</a>
<a href="nouns.html">Nouns</a>
......@@ -24,7 +24,7 @@
</noscript>
<div class="body-content">
<!--content-->
<div class="logo-text">nani<span>JS</span>ore</div>
<div class="logo-text">nani<span>JS</span></div>
<p class="two-thirds centred-box">
Each page covers a different aspect of the Japanese language. Most pages offer
an interactive "quiz" of some kind, allowing you to test your own knowledge of
......
......@@ -4,11 +4,11 @@
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script src="js/util/string_methods.js"></script>
<title>naniJSore</title>
<title>何JS</title>
</head>
<body>
<div id="navbar" class="custom-navbar custom-header">
<a href="index.html" class="custom-brand">あ naniJSore</a>
<a href="index.html" class="custom-brand"></a>
<a href="kana.html">Kana</a>
<a href="kanji.html">Kanji</a>
<a href="nouns.html">Nouns</a>
......
......@@ -4,11 +4,11 @@
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script src="js/util/string_methods.js"></script>
<title>naniJSore</title>
<title>何JS</title>
</head>
<body>
<div id="navbar" class="custom-navbar custom-header">
<a href="index.html" class="custom-brand">あ naniJSore</a>
<a href="index.html" class="custom-brand"></a>
<a href="kana.html">Kana</a>
<a href="kanji.html">Kanji</a>
<a href="nouns.html">Nouns</a>
......
......@@ -4,11 +4,11 @@
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script src="js/util/string_methods.js"></script>
<title>naniJSore</title>
<title>何JS</title>
</head>
<body>
<div id="navbar" class="custom-navbar custom-header">
<a href="index.html" class="custom-brand">あ naniJSore</a>
<a href="index.html" class="custom-brand"></a>
<a href="kana.html">Kana</a>
<a href="kanji.html">Kanji</a>
<a href="nouns.html">Nouns</a>
......
......@@ -4,11 +4,11 @@
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script src="js/util/string_methods.js"></script>
<title>naniJSore</title>
<title>何JS</title>
</head>
<body>
<div id="navbar" class="custom-navbar custom-header">
<a href="index.html" class="custom-brand">あ naniJSore</a>
<a href="index.html" class="custom-brand"></a>
<a href="kana.html">Kana</a>
<a href="kanji.html">Kanji</a>
<a href="nouns.html">Nouns</a>
......
......@@ -4,11 +4,11 @@
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script src="js/util/string_methods.js"></script>
<title>naniJSore</title>
<title>何JS</title>
</head>
<body>
<div id="navbar" class="custom-navbar custom-header">
<a href="index.html" class="custom-brand">あ naniJSore</a>
<a href="index.html" class="custom-brand"></a>
<a href="kana.html">Kana</a>
<a href="kanji.html">Kanji</a>
<a href="nouns.html">Nouns</a>
......
......@@ -4,11 +4,11 @@
<meta charset="utf-8">
<link rel="stylesheet" href="default.css">
<script src="js/util/string_methods.js"></script>
<title>naniJSore</title>
<title>何JS</title>
</head>
<body>
<div id="navbar" class="custom-navbar custom-header">
<a href="index.html" class="custom-brand">あ naniJSore</a>
<a href="index.html" class="custom-brand"></a>
<a href="kana.html">Kana</a>
<a href="kanji.html">Kanji</a>
<a href="nouns.html">Nouns</a>
......@@ -24,9 +24,9 @@
</noscript>
<div class="body-content">
<!--content-->
<h1>naniJSore</h1>
<h1>naniJS</h1>
<p>naniJSore is a collection of HTML + Javascript files aimed at learners who want
<p>naniJS is a collection of HTML + Javascript files aimed at learners who want
to self-test their knowledge of the Japanese language. The original version was
created in 2011, but it has since been re-written from scratch in order to make
the source code more readable and extensible.</p>
......@@ -76,7 +76,7 @@ information on the kana page will be similarly useful to someone.</p>
<p>The various HTML/Javascript/CSS pages are designed to be self-contained, and do
not require third-party utilities such as jQuery or Bootstrap. It&rsquo;s possible to
use naniJSore on a computer without an internet connection, which can be useful
use naniJS on a computer without an internet connection, which can be useful
if you&rsquo;re in an area with infrequent (or very slow) internet access.</p>
<p>The only &ldquo;external&rdquo; resource dependency is an <em>optional</em> line in <code>default.css</code>,
......@@ -149,7 +149,7 @@ To run either of these, use the following commands:
$(npm bin)/jsdoc ./js
$(npm bin)/jshint ./js
Note that neither of these are necessary if you simply want to run naniJSore.
Note that neither of these are necessary if you simply want to run naniJS.
-->
......
naniJSore
=========
naniJS
======
naniJSore is a collection of HTML + Javascript files aimed at learners who want
naniJS is a collection of HTML + Javascript files aimed at learners who want
to self-test their knowledge of the Japanese language. The original version was
created in 2011, but it has since been re-written from scratch in order to make
the source code more readable and extensible.
......@@ -50,7 +50,7 @@ How It Works
The various HTML/Javascript/CSS pages are designed to be self-contained, and do
not require third-party utilities such as jQuery or Bootstrap. It's possible to
use naniJSore on a computer without an internet connection, which can be useful
use naniJS on a computer without an internet connection, which can be useful
if you're in an area with infrequent (or very slow) internet access.
The only "external" resource dependency is an *optional* line in `default.css`,
......@@ -115,7 +115,7 @@ To run either of these, use the following commands:
$(npm bin)/jsdoc ./js
$(npm bin)/jshint ./js
Note that neither of these are necessary if you simply want to run naniJSore.
Note that neither of these are necessary if you simply want to run naniJS.
-->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment