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 def default_tutorial_html
<<-EOT.strip <<-EOT.strip
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<head>
<meta charset="utf-8">
<title>My web site</title>
</head>
<body> <body>
Hello World! Hello World!
</body> </body>
</html> </html>
EOT EOT

View file

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

View file

@ -9,6 +9,7 @@
background-size: 289px; background-size: 289px;
position: absolute; position: absolute;
right: -47px; right: -47px;
top: 0;
z-index: 1000;"> z-index: 1000;">
<div class="dialogue" style="left: 0px; top: 40px;"> <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! 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="submit" class="btn btn-action" type="submit" value="Save">
<input id="reset" class="btn btn-action" type="submit" value="Reset"> <input id="reset" class="btn btn-action" type="submit" value="Reset">
<% end %> <% end %>
<h3>HTML</h3> <h3 class="editor-heading">HTML</h3>
<div id="editor" class="editor"><%== encoding_fix default_tutorial_html %></div> <div id="editor" class="editor"><%== encoding_fix default_tutorial_html %></div>