Skip to content

Instantly share code, notes, and snippets.

@kaicarver
Last active December 25, 2015 09:59
Show Gist options
  • Select an option

  • Save kaicarver/6958140 to your computer and use it in GitHub Desktop.

Select an option

Save kaicarver/6958140 to your computer and use it in GitHub Desktop.
Study Chinese
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>$title</title>
$styles
</head>
<body>
<div>Lesson 19 第十九課 <button id="btn">Toggle</button></div>
<div class="text">Clothes ought to be hung up.</div>
<div class="text chinese">衣服應該掛起來。</div>
<div class="text">to lie (down)</div>
<div class="text chinese">躺</div>
<div class="text">Don't lie on the ground, you will catch a cold</div>
<div class="text chinese">不要躺在地上,會感冒。</div>
<div class="text">to get up</div>
<div class="text chinese">起來</div>
<div class="text">It's already 8 o'clock, hurry and get up!</div>
<div class="text chinese">已經八點了,快起來!</div>
<div class="text">sofa</div>
<div class="text chinese">沙發</div>
<div class="text">She continually sits on the sofa watching the television.</div>
<div class="text chinese">她一直坐在沙發上看電視。</div>
<div class="text">a sofa</div>
<div class="text chinese">一張沙發</div>
<div class="text">(comfortably) cool</div>
<div class="text chinese">涼快</div>
<div class="text">very</div>
<div class="text chinese">好</div>
<div class="text">That item of clothing is very expensive!</div>
<div class="text chinese">那件衣服好貴啊!</div>
<div class="text">("hey you" exclamation)</div>
<div class="text chinese">欸</div>
<div class="text">to throw, to lose</div>
<div class="text chinese">丟</div>
<div class="text">Don't throw your clothes on the floor.</div>
<div class="text chinese">你的衣服別丟在地上。</div>
<div class="text">to take off (clothes, shoes)</div>
<div class="text chinese">脫</div>
<div class="text">to wear (clothes, shoes)</div>
<div class="text chinese">穿</div>
<div class="text">to wear (on head, etc.)</div>
<div class="text chinese">戴</div>
<div class="text">Today is very cold, so you need to wear one more item of clothing.</div>
<div class="text chinese">今天很冷,你要多穿一件衣服。</div>
<div class="text">take off (watch, etc.)</div>
<div class="text chinese">摘</div>
<div class="text">to come down</div>
<div class="text chinese">下來</div>
<div class="text">to take</div>
<div class="text chinese">拿</div>
$scripts
</body>
</html>
$ ->
$('#btn').on 'click', ->
if ($(document.body).css("background-color") == 'rgb(0, 0, 0)')
$(document.body).css("background-color",'white')
else
$(document.body).css("background-color",'black')
$('.text').on 'click', ->
if (@style.color == '')
if (@className == 'text chinese')
@style.color = 'black'
else
@style.color = 'white'
else if (@style.color == 'black')
@style.color = 'white'
else
@style.color = 'black'
body {
background: white;
}
.text {
font-size: 2em;
}
.chinese {
color: white;
font-size: 3em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment