Skip to content

E
edx-platform
Commit a761ebf6 by Kyle Fiedler
Options

Style for sub pages before the login screen

parent 23b5cf66
Showing with 108 additions and 48 deletions
copyright.html
<%inherit file="marketing.html" /> <%inherit file="marketing.html" />
<header class="announcement home"> <header class="announcement">
<div class="anouncement-wrapper"> <div class="anouncement-wrapper">
<nav> <nav>
<h1><a href="/t/mitx_global.html">MITx</a></h1>
<a class="modal login" href="#login">Log In</a> <a class="modal login" href="#login">Log In</a>
</nav> </nav>
...@@ -13,18 +14,38 @@ ...@@ -13,18 +14,38 @@
</div> </div>
</header> </header>
<section class="index-content"> <section class="copyright">
<h1> Licensing Information </h1> <div>
<h1> Licensing Information </h1>
<table><tr><td> Videos and Ungraded Exercises </td> <td> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png" /></a><br />The videos on this page are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.</td></tr> <ul>
<tr><td>Graded Exercises</td><td>Graded exercises are All Rights Reserved until the due date. Past the due date, they are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.</td></tr> <li>
<tr><td>Textbook</td><td>Textbook is All Rights Reserved Elsevier. We are using it with permission. We apologize for the inclusion of proprietary work. </td></tr> <h2>Videos and Ungraded Exercises</h2>
<tr><td>Student-generated content</td><td>Due to privacy concerns, all forum posts, wiki etc, and other student-created works are All Rights Reserved until released otherwise by MIT. </td></tr> <p><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png" /></a><br />The videos on this page are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.</p>
<tr><td>Source Code</td><td>Source code is All Rights Reserved during the beta offering. We expect to release it under a free and open license shortly thereafter. </td></tr> </li>
</table>
<p>MIT and MITx are trademarks of the Massachusetts Instititute of <li>
Technology, and may not be used without permission. <h2>Graded Exercises</h2>
<p>Graded exercises are All Rights Reserved until the due date. Past the due date, they are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.</p>
</li>
<li>
<h2>Textbook</h2>
<p>Textbook is All Rights Reserved Elsevier. We are using it with permission. We apologize for the inclusion of proprietary work. </p>
</li>
<li>
<h2>Student-generated content</h2>
<td>Due to privacy concerns, all forum posts, wiki etc, and other student-created works are All Rights Reserved until released otherwise by MIT. </td></li>
<li>
<h2>Source Code</h2>
<p>Source code is All Rights Reserved during the beta offering. We expect to release it under a free and open license shortly thereafter. </p>
</li>
</ul>
<p>MIT and MITx are trademarks of the Massachusetts Institute of Technology, and may not be used without permission.</p>
</div>
</section> </section>
honor.html
<%inherit file="marketing.html" /> <%inherit file="marketing.html" />
<header class="announcement home"> <header class="announcement">
<div class="anouncement-wrapper"> <div class="anouncement-wrapper">
<nav> <nav>
<h1><a href="/t/mitx_global.html">MITx</a></h1>
<a class="modal login" href="#login">Log In</a> <a class="modal login" href="#login">Log In</a>
</nav> </nav>
...@@ -13,14 +14,14 @@ ...@@ -13,14 +14,14 @@
</div> </div>
</header> </header>
<section class="index-content"> <section class="honor-code">
<div>
<h1> Honor Code </h1> <h1> Honor Code </h1>
<ul>
<li> I agree to not engage in any activities that would dishonestly improve my results, or improve or hurt those of others.
<l1> I agree to never post answers to problems.
<li> I agree to maintain only one account.
</ul>
<ul>
<li> I agree to not engage in any activities that would dishonestly improve my results, or improve or hurt those of others.</li>
<li> I agree to never post answers to problems.</li>
<li> I agree to maintain only one account.</li>
</ul>
</div>
</section> </section>
privacy.html
<%inherit file="marketing.html" /> <%inherit file="marketing.html" />
<header class="announcement home"> <header class="announcement">
<div class="anouncement-wrapper"> <div class="anouncement-wrapper">
<nav> <nav>
<h1><a href="/t/mitx_global.html">MITx</a></h1>
<a class="modal login" href="#login">Log In</a> <a class="modal login" href="#login">Log In</a>
</nav> </nav>
...@@ -13,9 +14,8 @@ ...@@ -13,9 +14,8 @@
</div> </div>
</header> </header>
<section class="index-content"> <section class="privacy-policy">
<div>
<h1> Privacy Policy </h1> <h1> Privacy Policy </h1>
</div>
</section> </section>
sass/_index.scss
...@@ -12,8 +12,6 @@ ...@@ -12,8 +12,6 @@
src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hqRDOzjiPcYnFooOUGCOsRk.woff') format('woff'); src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hqRDOzjiPcYnFooOUGCOsRk.woff') format('woff');
} }
// Extends // Extends
//---------------------------------------- // //---------------------------------------- //
.wrapper { .wrapper {
...@@ -25,6 +23,37 @@ ...@@ -25,6 +23,37 @@
width: flex-grid(12); width: flex-grid(12);
} }
.subpage {
@extend .clearfix;
@extend .wrapper;
> div {
padding-left: flex-grid(4) + flex-gutter();
p {
margin-bottom: lh();
}
h1 {
margin-bottom: lh(.5);
}
h2 {
font: 18px $header-font-family;
color: #000;
margin-bottom: lh(.5);
}
ul {
list-style: disc outside none;
li {
list-style: disc outside none;
}
}
}
}
.clearfix:after { .clearfix:after {
content: "."; content: ".";
display: block; display: block;
...@@ -60,7 +89,16 @@ body { ...@@ -60,7 +89,16 @@ body {
color: #444; color: #444;
font: $body-font-size $body-font-family; font: $body-font-size $body-font-family;
#{$all-text-inputs}, textarea { h1 {
font: 800 24px $header-font-family;
}
li {
margin-bottom: lh();
}
#{$all-text-inputs}, textarea {
@include box-shadow(0 -1px 0 #fff); @include box-shadow(0 -1px 0 #fff);
@include linear-gradient(#eee, #fff); @include linear-gradient(#eee, #fff);
border: 1px solid #999; border: 1px solid #999;
...@@ -71,14 +109,14 @@ body { ...@@ -71,14 +109,14 @@ body {
&:focus { &:focus {
border-color: $mit-red; border-color: $mit-red;
} }
} }
} }
header.announcement { header.announcement {
color: #fff;
border-bottom: 1px solid #000;
background: #e3e3e3;
@include background-size(cover); @include background-size(cover);
background: #333;
border-bottom: 1px solid #000;
color: #fff;
&.home { &.home {
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
...@@ -399,6 +437,10 @@ section.index-content { ...@@ -399,6 +437,10 @@ section.index-content {
} }
} }
section.copyright, section.tos, section.privacy-policy, section.honor-code {
@extend .subpage;
}
footer { footer {
@extend .wrapper; @extend .wrapper;
@extend .clearfix; @extend .clearfix;
......
tos.html
<%inherit file="marketing.html" /> <%inherit file="marketing.html" />
<header class="announcement home"> <header class="announcement">
<div class="anouncement-wrapper"> <div class="anouncement-wrapper">
<nav> <nav>
<h1><a href="/t/mitx_global.html">MITx</a></h1>
<a class="modal login" href="#login">Log In</a> <a class="modal login" href="#login">Log In</a>
</nav> </nav>
...@@ -13,18 +14,13 @@ ...@@ -13,18 +14,13 @@
</div> </div>
</header> </header>
<section class="index-content"> <section class="tos">
<div>
<h1> Terms of Service </h1> <h1>MITx Terms of Service</h1>
<table><tr><td> Videos and Ungraded Exercises </td> <td> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png" /></a><br />The videos on this page are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.</td></tr>
<tr><td>Graded Exercises</td><td>Graded exercises are All Rights Reserved until the due date. Past the due date, they are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.</td></tr>
<tr><td>Textbook</td><td>Textbook is All Rights Reserved Elsevier. We are using it with permission. We apologize for the inclusion of proprietary work. </td></tr>
<tr><td>Student-generated content</td><td>Due to privacy concerns, all forum posts, wiki etc, and other student-created works are All Rights Reserved until released otherwise by MIT. </td></tr>
<tr><td>Source Code</td><td>Source code is All Rights Reserved during the beta offering. We expect to release it under a free and open license shortly thereafter. </td></tr>
</table>
<p>MIT and MITx are trademarks of the Massachusetts Instititute of
Technology, and may not be used without permission.
<p>Welcome to MITx. You must read and agree to these Terms of Service ("TOS") prior to using any portion of this site (&rdquo;Site&ldquo;), including accessing any chat room, mailing list, or other electronic service. These TOS, MITx&rsquo;s Privacy Policy [link] and Honor Code [link] are an agreement between you and the Massachusetts Institute of Technology ("MIT"). By registering for, accessing, browsing, or using any portion of the Site, you acknowledge that you have read, understood and agree to be bound by these TOS, the Privacy Policy and Honor Code. </p>
<p>MITx reserves the right to modify these TOS at any time and will publish notice of any such modifications online on the Site&rsquo;s homepage for a reasonable period of time following such modifications, and by changing the effective date of these TOS. By continuing to access the Site after notice of such modifications has been published, you signify your agreement to be bound by them. </p>
<h2>Description of MITx </h2>
<p>MITx offers online courses, professor-to-student and student-to-student interactivity, individual assessment of a student&rsqyo;s work, and the opportunity for students who demonstrate their mastery of subjects to earn a certificate or credential awarded by MITx. </p>
</div>
</section> </section>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment