Edits to tutorial layout pg 2, simplified default html

This commit is contained in:
Victoria Wang 2016-04-13 15:15:47 -07:00
parent f58aa79283
commit 8eb2c4e926
4 changed files with 7 additions and 10 deletions

View file

@ -1,17 +1,13 @@
def default_tutorial_html
<<-EOT.strip
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My web site</title>
</head>
<html>
<body>
Hello World!
</body>
</html>
EOT

View file

@ -16,7 +16,7 @@
margin-bottom: 0;
border: 0;
}
h3 {
h3.editor-heading {
margin-top: 10px;
}
.preview {
@ -51,7 +51,7 @@
width: 180px;
position: absolute;
text-align: center;
&:nth-child(1) {
left: 30px;
top: 30px;

View file

@ -9,6 +9,7 @@
background-size: 289px;
position: absolute;
right: -47px;
top: 0;
z-index: 1000;">
<div class="dialogue" style="left: 0px; top: 40px;">
And here's some HTML, right in this box! Let's make a change. Replace <strong>Hello World</strong> with <strong><span id="studentName"></span>'s Website</strong>, and click save!

View file

@ -25,7 +25,7 @@
<input id="submit" class="btn btn-action" type="submit" value="Save">
<input id="reset" class="btn btn-action" type="submit" value="Reset">
<% end %>
<h3>HTML</h3>
<h3 class="editor-heading">HTML</h3>
<div id="editor" class="editor"><%== encoding_fix default_tutorial_html %></div>