djt
/
djt
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

less ugly night mode

This commit is contained in:
postautistic 2016-12-11 14:25:23 -05:00
parent 6c75236f52
commit 71e5b2939f
7 changed files with 54 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
anki.html
View File

@ -84,7 +84,7 @@
<p>This is where we tell Rikaisama what information we want it to save about a particular word. Here is a typical example:</p>
<ul>
<li><span style="font-weight:bold;color:blue">$d</span><span style="color:black">$t</span><span style="font-weight:bold;color:red">$r</span><span style="color:black">$t</span><span style="font-weight:bold;color:green">$n</span><span style="color:black">$t</span><span style="font-weight:bold;color:purple">[sound:$a]</span></li>
<li><span style="font-weight:bold;color:#4a7bb2">$d</span><span style="color:inherit">$t</span><span style="font-weight:bold;color:red">$r</span><span style="color:inherit">$t</span><span style="font-weight:bold;color:green">$n</span><span style="color:inherit">$t</span><span style="font-weight:bold;color:purple">[sound:$a]</span></li>
</ul>
<p>There is a key below the "Save format" field explaining what all of this does. The <code>$d</code> option saves the dictionary form of the word you have hovered over (meaning 食べます, for example, would be saved as 食べる). The <code>$t</code> option is used to denote the end of one field (i.e. those in the "Field names" field) and the beginning of another. <code>$r</code> saves the reading, and <code>$n</code> the definition. Finally, <code>[sound:$a]</code> saves an audio clip of the word (if available).</p>
@ -96,7 +96,7 @@
<p>The next field tells Rikaisama to which fields in our Anki deck the information specified in the "Save format" field should be added. A typical example, corresponding to the "Save format" above, would be:</p>
<ul>
<li><span style="font-weight:bold;color:blue">Vocabulary</span> <span style="font-weight:bold;color:red">Reading</span> <span style="font-weight:bold;color:green">Definition</span> <span style="font-weight:bold;color:purple">Audio</span></li>
<li><span style="font-weight:bold;color:#4a7bb2">Vocabulary</span> <span style="font-weight:bold;color:red">Reading</span> <span style="font-weight:bold;color:green">Definition</span> <span style="font-weight:bold;color:purple">Audio</span></li>
</ul>
<p>These fields MUST exist in our Anki deck in order for this to work. First, create your deck is Anki by pressing the <a href="https://a.pomf.cat/dgdksx.png">"Add" button</a>. Click the <a href="https://a.pomf.cat/rhkgko.png">"Deck" button</a>, then <a href="https://a.pomf.cat/hiouim.png">"Add"</a>. Type in the name of your new deck in the window that pops up and hit "OK".</p>

2
assets/script.js
View File

@ -19,7 +19,7 @@ function toggleNight() {
function nightMode() {
link = document.createElement('link');
link.href = 'style/night.css';
link.href = 'style/night.css?2';
link.rel = 'stylesheet';
link.type = 'text/css';
link.id = 'nightcss';

2
cor.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8"></meta>
<title>cornucopia of resources</title>
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
<link rel="stylesheet" href="style/cor.css">
<link rel="stylesheet" href="style/cor.css?2">
</head>
<body>
<script src="assets/script.js"></script>

8
index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8"></meta>
<title>DJT</title>
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
<link rel="stylesheet" href="style/style.css?20">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<script src="assets/script.js"></script>
@ -25,7 +25,11 @@
<p><a class="one" href="threads.html">thread webring</a></p>
</div>
<img src="assets/back0.png" id="image"><script>document.getElementById('image').src = 'assets/back' + Math.floor(Math.random() * 5) +'.png';</script>
<img src="assets/back3.png?2" id="image" class="noinvert">
<script>
if(checkCookie() == false) {
document.getElementById('image').src = 'assets/back' + Math.floor(Math.random() * 5) +'.png?2';
}</script>
<!--<p id="notice"></p>-->

1
style/anki.css
View File

@ -62,7 +62,6 @@ position:fixed;
top:0px;
height: 20px;
width:100%;
background: #ffffff;
}
.header_right {

92
style/cor.css
View File

@ -75,9 +75,6 @@ color: #0066ff;
}
table {
font-size: 12px;
margin:0px auto;
@ -94,93 +91,6 @@ color: #0066ff;
font-weight: bold;
}
.anki {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.xslx {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.internet {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.l-r {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.writing {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.listening {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.grammar {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.vocab {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.misc {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.readers {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.reference {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
.culture {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
td {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
dt {
@ -363,7 +273,7 @@ dl {
.tabPanel-widget h2 {
width: auto;
position: static !important;
background: #999 !important;
background: #999;
}

46
style/night.css
View File

@ -1,7 +1,47 @@
html {
img {
filter: invert(100%);
}
body {
background-color:#000;
}
background-color:#0c1016;
color:#b5c0d1;
}
a:link {
color:#4286f4;
}
a:visited {
color:#6c4aa8;
}
a.one {
color:#fff;
}
.heading {
background-color: #081c33;
color: #aaa;
}
.table td , .table {
border: 1px solid #4a5766;
}
.tabPanel-widget > div {
background: #0c1016;
}
.suggested {
background-color:#153024;
}
.tabPanel-widget > h2 {
background: #4e5556;
color: #fff;
}
.tabPanel-widget {
background: #4e5556;
}