More styling work on code language selector.

This commit is contained in:
Nick Winter 2014-06-19 12:31:56 -07:00
parent 2e850dba78
commit a58f3e0fb6
42 changed files with 194 additions and 61 deletions

Binary file not shown.

After

(image error) Size: 6.1 KiB

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "български език", englishDescri
# required: "You need to log in before you can go that way."
home:
slogan: "Научи се да програмираш на JavaScript, докато играеш игра "
slogan: "Научи се да програмираш, докато играеш игра "
no_ie: "CodeCombat не работи под Internet Explorer 9 или по-стар. Съжалявам!"
no_mobile: "CodeCombat не е направен за мобилни устройства и може да не работи!"
play: "Играй"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Català", englishDescription: "Catalan", tr
# required: "You need to log in before you can go that way."
home:
slogan: "Aprén a programar JavaScript tot Jugant"
slogan: "Aprén a programar tot Jugant"
no_ie: "CodeCombat no funciona en Internet Explorer 9 o versions anteriors. Perdó!"
no_mobile: "CodeCombat no ha estat dissenyat per dispositius mòbils i per tant no funcionarà!"
play: "Jugar"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "čeština", englishDescription: "Czech", tr
# required: "You need to log in before you can go that way."
home:
slogan: "Naučte se programování JavaScriptu při hraní více-hráčové programovací hry."
slogan: "Naučte se programování tu při hraní více-hráčové programovací hry."
no_ie: "Omlouváme se, ale CodeCombat boužel nefunguje v Internet Exploreru 9 nebo starším."
no_mobile: "CodeCombat není navržen pro mobilní zařízení a nemusí fungovat správně!"
play: "Hrát"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "dansk", englishDescription: "Danish", trans
# required: "You need to log in before you can go that way."
home:
slogan: "Lær at Kode Javascript ved at Spille et Spil"
slogan: "Lær at Kode ved at Spille et Spil"
no_ie: "CodeCombat kan desværre ikke køre i Internet Explorer 9 eller ældre. Beklager!"
no_mobile: "CodeCombat er ikke designet til mobile enheder og vil måske ikke virke!"
play: "Spil"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Deutsch (Deutschland)", englishDescription:
# required: "You need to log in before you can go that way."
home:
slogan: "Lerne spielend JavaScript"
slogan: "Lerne spielend Programmieren"
no_ie: "CodeCombat läuft nicht im IE8 oder älteren Browsern. Tut uns Leid!"
no_mobile: "CodeCombat ist nicht für Mobilgeräte optimiert und funktioniert möglicherweise nicht."
play: "Spielen"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Deutsch", englishDescription: "German", tra
# required: "You need to log in before you can go that way."
home:
slogan: "Lerne spielend JavaScript"
slogan: "Lerne spielend Programmieren"
no_ie: "CodeCombat läuft nicht im IE8 oder älteren Browsern. Tut uns Leid!"
no_mobile: "CodeCombat ist nicht für Mobilgeräte optimiert und funktioniert möglicherweise nicht."
play: "Spielen"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "ελληνικά", englishDescription: "Gre
# required: "You need to log in before you can go that way."
home:
slogan: "Μάθε να προγραμμάτιζεις με JavaScript μέσω ενός παιχνιδιού"
slogan: "Μάθε να προγραμμάτιζεις μέσω ενός παιχνιδιού"
no_ie: "Το CodeCombat δεν παίζει με το Internet Explorer 9 ή κάποια παλαιότερη έκδοση.Συγνώμη!"
no_mobile: "Το CodeCombat δεν σχεδιάστηκε για κινητά και μπορεί να μην δουλεύει!"
play: "Παίξε"

View file

@ -90,7 +90,7 @@
required: "You need to log in before you can go that way."
home:
slogan: "Learn to Code JavaScript by Playing a Game"
slogan: "Learn to Code by Playing a Game"
no_ie: "CodeCombat does not run in Internet Explorer 9 or older. Sorry!"
no_mobile: "CodeCombat wasn't designed for mobile devices and may not work!"
play: "Play"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "español (América Latina)", englishDescrip
# required: "You need to log in before you can go that way."
home:
slogan: "Aprende a programar en JavaScript jugando"
slogan: "Aprende a programar jugando"
no_ie: "¡Lo sentimos! CodeCombat no funciona en Internet Explorer 9 o versiones anteriores."
no_mobile: "¡CodeCombat no fue diseñado para dispositivos móviles y quizás no funcione!"
play: "Jugar"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "español (ES)", englishDescription: "Spanis
# required: "You need to log in before you can go that way."
home:
slogan: "Aprende a programar JavaScript jugando"
slogan: "Aprende a programar jugando"
no_ie: "CodeCombat no funciona en Internet Explorer 9 o anteriores. ¡Lo sentimos!"
no_mobile: "¡CodeCombat no fue diseñado para dispositivos móviles y puede que no funcione!"
play: "Jugar"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "español", englishDescription: "Spanish", t
# required: "You need to log in before you can go that way."
home:
slogan: "Aprende a programar en JavaScript jugando"
slogan: "Aprende a programar jugando"
no_ie: "CodeCombat no funciona en Internet Explorer 9 o versiones anteriores. ¡Lo sentimos!"
no_mobile: "¡CodeCombat no fue diseñado para dispositivos móviles y quizás no funcione!"
play: "Jugar"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "فارسی", englishDescription: "Persian",
# required: "You need to log in before you can go that way."
home:
slogan: "کد نویسی به زبان جاوااسکریپت را با بازی بیاموزید"
slogan: "کد نویسیا با بازی بیاموزید"
no_ie: "متاسفیم اما بازی بر روی مرورگر های اینترنت اکسپلورر نسخه ۹ به قبل اجرا نمی شود"
no_mobile: "این بازی برای دستگاه های موبایل طراحی نشده است و بر روی آن ها اجرا نمی شود"
play: "شروع بازی"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "français", englishDescription: "French", t
required: "Vous devez être connecté pour voir cela"
home:
slogan: "Apprenez à coder en JavaScript tout en jouant"
slogan: "Apprenez à coder tout en jouant"
no_ie: "CodeCombat ne fonctionnera pas sous Internet Explorer 9 ou moins. Désolé !"
no_mobile: "CodeCombat n'a pas été créé pour les plateformes mobiles donc il est possible qu'il ne fonctionne pas correctement ! "
play: "Jouer"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "magyar", englishDescription: "Hungarian", t
required: "Csak akkor mehetsz arra, ha már bejelentkeztél."
home:
slogan: "Tanulj meg JavaScript nyelven programozni, miközben játszol!"
slogan: "Tanulj meg nyelven programozni, miközben játszol!"
no_ie: "A CodeCombat nem támogatja az Internet Explorer 9, vagy korábbi verzióit. Bocsi!"
no_mobile: "A CodeCombat nem mobil eszközökre lett tervezve. Valószínűleg nem működik helyesen."
play: "Játssz!"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Italiano", englishDescription: "Italian", t
# required: "You need to log in before you can go that way."
home:
slogan: "Impara a programmare in JavaScript giocando"
slogan: "Impara a programmare giocando"
no_ie: "CodeCombat non supporta Internet Explorer 9 o browser precedenti. Ci dispiace!"
no_mobile: "CodeCombat non è stato progettato per dispositivi mobile e potrebbe non funzionare!"
play: "Gioca"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "日本語", englishDescription: "Japanese",
# required: "You need to log in before you can go that way."
home:
slogan: "ゲームをプレイしてJavaScriptを学びましょう"
slogan: "ゲームをプレイして学びましょう"
no_ie: "大変申し訳ありませんが、ご利用のブラウザIE8以下はサポートされていません。(ChromeやFirefoxをご利用ください)"
no_mobile: "CodeCombat は携帯端末向けに制作されていないため、動作しない可能性があります。"
play: "ゲームスタート"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
# required: "You need to log in before you can go that way."
home:
slogan: "쉽고 간단한 게임으로 자바스크립트 배우기"
slogan: "쉽고 간단한 게임배우기"
no_ie: "죄송하지만 코드컴뱃은 인터넷 익스플로러 9에서는 동작하지 않습니다."
no_mobile: "코드 컴뱃은 모바일 기기용으로 제작되지 않았습니다. 아마 동작하지 않을 가능성이 높습니다."
play: "시작"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Bahasa Melayu", englishDescription: "Bahasa
# required: "You need to log in before you can go that way."
home:
slogan: "Belajar Kod JavaScript Dengan Permainan"
slogan: "Belajar Kod bDengan Permainan"
no_ie: "CodeCombat tidak berfungsi dalam Internet Explorer 9 dan terdahulu. Maaf!"
no_mobile: "CodeCombat tidak dibangunkan untuk telefon mudah-alih dan tablet dan tidak akan berfungsi!"
play: "Mula"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Norsk Bokmål", englishDescription: "Norweg
# required: "You need to log in before you can go that way."
home:
slogan: "Lær å Kode JavaScript ved å Spille et Spill"
slogan: "Lær å Kode ved å Spille et Spill"
no_ie: "CodeCombat kjører ikke på IE8 eller eldre. Beklager!"
no_mobile: "CodeCombat ble ikke designet for mobile enheter, og vil muligens ikke virke!"
play: "Spill"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Nederlands (België)", englishDescription:
# required: "You need to log in before you can go that way."
home:
slogan: "Leer programmeren in JavaScript door het spelen van een spel"
slogan: "Leer programmeren door het spelen van een spel"
no_ie: "CodeCombat werkt niet in IE8 of ouder. Sorry!"
no_mobile: "CodeCombat is niet gemaakt voor mobiele apparaten en werkt misschien niet!"
play: "Speel"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Nederlands (Nederland)", englishDescription
# required: "You need to log in before you can go that way."
home:
slogan: "Leer programmeren in JavaScript door het spelen van een spel"
slogan: "Leer programmeren door het spelen van een spel"
no_ie: "CodeCombat werkt niet in IE8 of ouder. Sorry!"
no_mobile: "CodeCombat is niet gemaakt voor mobiele apparaten en werkt misschien niet!"
play: "Speel"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Nederlands", englishDescription: "Dutch", t
# required: "You need to log in before you can go that way."
home:
slogan: "Leer programmeren in JavaScript door het spelen van een spel"
slogan: "Leer programmeren door het spelen van een spel"
no_ie: "CodeCombat werkt niet in IE8 of ouder. Sorry!"
no_mobile: "CodeCombat is niet gemaakt voor mobiele apparaten en werkt misschien niet!"
play: "Speel"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Norsk", englishDescription: "Norwegian", tr
# required: "You need to log in before you can go that way."
home:
slogan: "Lær å Kode JavaScript ved å Spille et Spill"
slogan: "Lær å Kode ved å Spille et Spill"
no_ie: "CodeCombat kjører ikke på IE8 eller eldre. Beklager!"
no_mobile: "CodeCombat ble ikke designet for mobile enheter, og vil muligens ikke virke!"
play: "Spill"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "język polski", englishDescription: "Polish
# required: "You need to log in before you can go that way."
home:
slogan: "Naucz się JavaScript grając"
slogan: "Naucz się programowania grając"
no_ie: "CodeCombat nie działa na Internet Explorer 9 lub starszym. Przepraszamy!"
no_mobile: "CodeCombat nie został zaprojektowany dla użądzeń przenośnych więc może nie działać!"
play: "Graj"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "português do Brasil", englishDescription:
# required: "You need to log in before you can go that way."
home:
slogan: "Aprenda a programar em JavaScript enquanto se diverte com um jogo."
slogan: "Aprenda a programar enquanto se diverte com um jogo."
no_ie: "CodeCombat não roda em versões mais antigas que o Internet Explorer 10. Desculpe!"
no_mobile: "CodeCombat não foi projetado para dispositivos móveis e pode não funcionar!"
play: "Jogar"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Português europeu", englishDescription: "P
# required: "You need to log in before you can go that way."
home:
slogan: "Aprende a Programar JavaScript ao Jogar um Jogo"
slogan: "Aprende a Programar ao Jogar um Jogo"
no_ie: "O CodeCombat não corre em Internet Explorer 9 ou anterior. Desculpa!"
no_mobile: "O CodeCombat não foi desenhado para dispositivos móveis e pode não funcionar!"
play: "Jogar"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "português", englishDescription: "Portugues
# required: "You need to log in before you can go that way."
home:
slogan: "Aprenda a programar em JavaScript enquanto se diverte com um jogo."
slogan: "Aprenda a programar enquanto se diverte com um jogo."
no_ie: "CodeCombat não roda em versões mais antigas que o Internet Explorer 10. Desculpe!"
no_mobile: "CodeCombat não foi projetado para dispositivos móveis e pode não funcionar!"
play: "Jogar"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "limba română", englishDescription: "Roman
# required: "You need to log in before you can go that way."
home:
slogan: "Învață sa scrii JavaScript jucându-te"
slogan: "Învață sa scrii cod jucându-te"
no_ie: "CodeCombat nu merge pe Internet Explorer 9 sau mai vechi. Scuze!"
no_mobile: "CodeCombat nu a fost proiectat pentru dispozitive mobile si s-ar putea sa nu meargă!"
play: "Joacă"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "русский", englishDescription: "Russi
# required: "You need to log in before you can go that way."
home:
slogan: "Научитесь программировать на JavaScript, играя в игру"
slogan: "Научитесь программировать, играя в игру"
no_ie: "CodeCombat не работает в IE8 или более старых версиях. Нам очень жаль!"
no_mobile: "CodeCombat не приспособлен для работы на мобильных устройствах и может не работать!"
play: "Играть"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "slovenčina", englishDescription: "Slovak",
# required: "You need to log in before you can go that way."
home:
slogan: "Nauč sa programovať v Javascripte pomocou hry"
slogan: "Nauč sa programovať pomocou hry"
no_ie: "CodeCombat nefunguje v prehliadači Internet Explorer 9 a jeho starších verziách. Ospravedlňujeme sa."
no_mobile: "CodeCombat nebol navrhnutý pre mobilné zariadenia a nemusí na nich fungovať správne!"
play: "Hraj"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "српски", englishDescription: "Serbian
# required: "You need to log in before you can go that way."
home:
slogan: "Научи да пишеш JavaScript играјући игру"
slogan: "Научи да пишеш код играјући игру"
no_ie: "CodeCombat не ради у IE8 и старијим верзијама. Жао нам је!"
no_mobile: "CodeCombat није дизајниран за мобилне уређаје и може да се деси да не ради!"
play: "Играј"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Svenska", englishDescription: "Swedish", tr
# required: "You need to log in before you can go that way."
home:
slogan: "Lär dig att koda Javascript genom att spela ett spel."
slogan: "Lär dig att koda genom att spela ett spel."
no_ie: "CodeCombat fungerar tyvärr inte i IE8 eller äldre."
no_mobile: "CodeCombat är inte designat för mobila enhter och fungerar kanske inte!"
play: "Spela"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Türkçe", englishDescription: "Turkish", t
# required: "You need to log in before you can go that way."
home:
slogan: "Oyun oynayarak JavaScript kodlamayı öğrenin"
slogan: "Oyun oynayarak kodlamayı öğrenin"
no_ie: "CodeCombat maalesef Internet Explorer 9 veya daha eski sürümlerde çalışmaz."
no_mobile: "CodeCombat mobil cihazlar için tasarlanmamıştır bu sebeple mobil cihazlarda çalışmayabilir."
play: "Oyna"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "українська мова", englishDesc
# required: "You need to log in before you can go that way."
home:
slogan: "Навчіться програмувати на JavaScript, граючи у гру"
slogan: "Навчіться програмувати, граючи у гру"
no_ie: "На жаль, CodeCombat не працює в IE8 чи більш старих версіях!"
no_mobile: "CodeCombat не призначений для мобільних приладів і може не працювати!"
play: "Грати"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "Tiếng Việt", englishDescription: "Vietn
# required: "You need to log in before you can go that way."
home:
slogan: "Học mã Javascript bằng chơi Games"
slogan: "Học mã bằng chơi Games"
no_ie: "Codecombat không chạy trong Internet Explorer 9 hoặc cũ hơn. Xin lỗi!"
no_mobile: "Codecombat không được thiết kế cho các thiết bị di động và có thể không hoạt động được!"
play: "Chơi"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "简体中文", englishDescription: "Chinese
# required: "You need to log in before you can go that way."
home:
slogan: "通过游戏学习 Javascript"
slogan: "通过游戏学习编程"
no_ie: "抱歉! Internet Explorer 9 等旧式预览器无法使用本网站。"
no_mobile: "CodeCombat 不是针对手机设备设计的,所以可能无法达到最好的体验!"
play: "开始游戏"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "繁体中文", englishDescription: "Chinese
# required: "You need to log in before you can go that way."
home:
slogan: "通過玩遊戲學習Javascript 腳本語言"
slogan: "通過玩遊戲學習編程"
no_ie: "抱歉Internet Explorer 9 等舊的瀏覽器打不開此網站"
no_mobile: "CodeCombat 不是針對手機設備設計的,所以可能會出問題!"
play: "開始遊戲"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "吳語", englishDescription: "Wuu (Traditio
# required: "You need to log in before you can go that way."
home:
slogan: "打遊戲來學 Javascript"
slogan: "打遊戲來學編程"
no_ie: "對弗住!箇網站叻 Internet Explorer 9 箇粒老個瀏覽器嘸處用。"
no_mobile: "CodeCombat 勿是照手機設備設計個,怪得嘸數达弗到頂讚個享受!"
play: "遊戲開打"

View file

@ -90,7 +90,7 @@ module.exports = nativeDescription: "中文", englishDescription: "Chinese", tra
# required: "You need to log in before you can go that way."
home:
slogan: "通过游戏学习Javascript脚本语言"
slogan: "通过游戏学习编程"
no_ie: "抱歉Internet Explorer 9等更旧的预览器打不开此网站"
no_mobile: "CodeCombat暂时没有手机版本可能无法运行!"
play: ""

View file

@ -68,27 +68,135 @@
box-shadow: 0 0 5px black
.code-languages
margin: 10px 0 30px 0
&:hover
.code-language
opacity: 0.6
.code-language.selected-language:not(:hover)
opacity: 0.8
h2, h3
text-shadow: none
.code-wizard
display: none
.code-language
cursor: pointer
text-align: center
position: relative
opacity: 0.6
&:hover
opacity: 1
h2, h3
text-shadow: 0px 0px 5px white
.code-wizard
display: block
&.selected-language
opacity: 1
h2, h3
text-shadow: 0px 0px 5px white
.code-wizard
display: block
.code-wizard
position: absolute
background: transparent url(/images/pages/home/wizard.png) no-repeat
background-size: contain
width: 111px
height: 97px
display: none
.code-language-beta
background: transparent url(/images/pages/home/language_beta_sticker.png) no-repeat
background-size: contain
width: 100px
height: 32px
position: absolute
right: 20px
top: -7px
.primary-code-languages
#javascript
background: transparent url(/images/pages/home/language_js.png)
background: transparent url(/images/pages/home/language_js.png) no-repeat
padding-right: 150px
.code-wizard
left: 120px
#python
background: transparent url(/images/pages/home/language_python.png)
background: transparent url(/images/pages/home/language_python.png) no-repeat
padding-left: 150px
.code-wizard
right: 120px
.code-language
text-align: center
width: 498px
height: 153px
padding: 30px
margin-left: 11px
margin: 0px 0 0 -6px
.code-wizard
top: -65px
h2
margin: 15px 0 5px
.secondary-code-languages
margin-left: -10px
.col-md-3
padding: 0px
.code-language
text-align: center
background: transparent url(/images/pages/home/language_background_small.png) no-repeat
width: 250px
height: 80px
margin: 20px 0 20px 0
padding: 20px 20px 20px 70px
.code-wizard
top: -51px
left: 89px
height: 63px
.code-language-logo
position: absolute
left: 15px
top: 17px
width: 50px
height: 50px
.code-language-beta
right: -15px
top: -16px
height: 24px
h3
margin: 0
padding: 0
#coffeescript .code-language-logo
background: transparent url(/images/pages/home/language_logo_coffeescript.png) no-repeat center
#clojure .code-language-logo
background: transparent url(/images/pages/home/language_logo_clojure.png) no-repeat center
#lua .code-language-logo
background: transparent url(/images/pages/home/language_logo_lua.png) no-repeat center
#io .code-language-logo
background: transparent url(/images/pages/home/language_logo_io.png) no-repeat center
#multiplayer-launch-modal

View file

@ -2,30 +2,55 @@ extends /templates/base
block content
h1#site-slogan(data-i18n="home.slogan") Learn to Code JavaScript by Playing a Game
h1#site-slogan(data-i18n="home.slogan") Learn to Code by Playing a Game
.code-languages
.primary-code-languages.row
.code-language.col-md-6#javascript(data-code-language='javascript')
h2 JavaScript
p language of web yo
.col-md-6
.code-language.selected-language#javascript(data-code-language='javascript')
.code-wizard
h2 JavaScript
p The language of the web. Great for writing websites, web apps, HTML5 games, and servers.
.code-language.beta.col-md-6#python(data-code-language='python')
h2 Python
p language of badassery
.col-md-6
.code-language.beta#python(data-code-language='python')
.code-wizard
.code-language-beta
h2 Python
p Simple yet powerful, Python is a great general purpose programming language.
.secondary-code-languages.row
.code-language.beta.col-md-4#clojure(data-code-language='clojure')
h3 Clojure
p language of geekery
.col-md-3
.code-language.beta#coffeescript(data-code-language='coffeescript')
.code-language-logo
.code-wizard
.code-language-beta
h3 CoffeeScript
p Nicer JavaScript syntax
.code-language.beta.col-md-4#clojure(data-code-language='lua')
h3 Lua
p language of game scripting
.col-md-3
.code-language.beta#clojure(data-code-language='clojure')
.code-language-logo
.code-wizard
.code-language-beta
h3 Clojure
p A modern Lisp
.code-language.beta.col-md-4#clojure(data-code-language='io')
h3 Io
p language of simplicity
.col-md-3
.code-language.beta#lua(data-code-language='lua')
.code-language-logo
.code-wizard
.code-language-beta
h3 Lua
p Game scripting language
.col-md-3
.code-language.beta#io(data-code-language='io')
.code-language-logo
.code-wizard
.code-language-beta
h3 Io
p Simple but obscure
.alert.alert-danger.lt-ie10