Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

UI Dev Test for: UI developer (temp/temp-to-perm) Position #38

Closed
wants to merge 6 commits into from

2 participants

This page is out of date. Refresh to see the latest.
Showing with 358 additions and 0 deletions.
  1. +3 −0  .gitignore
  2. +240 −0 css/style.css
  3. +96 −0 html/index.html
  4. +19 −0 js/master.js
View
3  .gitignore
@@ -0,0 +1,3 @@
+config.rb
+/sass
+.sass-cache/
View
240 css/style.css
@@ -0,0 +1,240 @@
+/* line 17, ../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font: inherit;
+ font-size: 100%;
+ vertical-align: baseline;
+}
+
+/* line 22, ../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+html {
+ line-height: 1;
+}
+
+/* line 24, ../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+ol, ul {
+ list-style: none;
+}
+
+/* line 26, ../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+/* line 28, ../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+caption, th, td {
+ text-align: left;
+ font-weight: normal;
+ vertical-align: middle;
+}
+
+/* line 30, ../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+q, blockquote {
+ quotes: none;
+}
+/* line 103, ../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+q:before, q:after, blockquote:before, blockquote:after {
+ content: "";
+ content: none;
+}
+
+/* line 32, ../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+a img {
+ border: none;
+}
+
+/* line 116, ../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
+ display: block;
+}
+
+/* line 14, ../sass/style.sass */
+html {
+ background: white;
+}
+
+/* line 17, ../sass/style.sass */
+body {
+ font-family: Arial, "MS Trebuchet", sans-serif;
+ font-size: 14px;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #ffffff));
+ background-image: -webkit-linear-gradient(top center, #cccccc, #ffffff);
+ background-image: -moz-linear-gradient(top center, #cccccc, #ffffff);
+ background-image: -o-linear-gradient(top center, #cccccc, #ffffff);
+ background-image: linear-gradient(top center, #cccccc, #ffffff);
+ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#cccccc', endColorstr='white');
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='white')";
+ overflow: hidden;
+ height: 100%;
+}
+
+/* line 26, ../sass/style.sass */
+a, .author {
+ text-decoration: none;
+ color: #cc6600;
+}
+
+/* line 30, ../sass/style.sass */
+.clear {
+ content: ".";
+ display: block;
+ clear: both;
+ visibility: hidden;
+ line-height: 0;
+ height: 0;
+}
+
+/* line 38, ../sass/style.sass */
+#container {
+ width: 625px;
+ padding: 20px 30px;
+}
+/* line 44, ../sass/style.sass */
+#container #header #breadcrumbs {
+ width: 100%;
+ margin-bottom: 15px;
+}
+/* line 48, ../sass/style.sass */
+#container #header #breadcrumbs a {
+ color: #cc6600;
+}
+/* line 51, ../sass/style.sass */
+#container #header h1 {
+ font-size: 28px;
+ font-family: Georgia, "Times New Roman", Times, serif;
+ color: #202020;
+}
+/* line 57, ../sass/style.sass */
+#container #content {
+ margin-top: 30px;
+}
+/* line 60, ../sass/style.sass */
+#container #content #sidebar, #container #content #article {
+ float: left;
+}
+/* line 63, ../sass/style.sass */
+#container #content #sidebar {
+ width: 169px;
+ margin-right: 20px;
+}
+/* line 69, ../sass/style.sass */
+#container #content #sidebar .article-photo img {
+ margin-bottom: 5px;
+}
+/* line 72, ../sass/style.sass */
+#container #content #sidebar .article-photo p {
+ text-align: right;
+ font-size: 10px;
+ color: #666666;
+}
+/* line 78, ../sass/style.sass */
+#container #content #sidebar .photo-blurb {
+ margin-top: 10px;
+}
+/* line 81, ../sass/style.sass */
+#container #content #sidebar .photo-blurb a {
+ margin-bottom: 10px;
+ padding-left: 20px;
+ display: block;
+ font-size: 11px;
+ background: url("../images/sprites.gif") 0 -392px no-repeat;
+}
+/* line 89, ../sass/style.sass */
+#container #content #sidebar .photo-blurb p {
+ font-size: 12px;
+ line-height: 14px;
+}
+/* line 94, ../sass/style.sass */
+#container #content #article {
+ width: 434px;
+}
+/* line 97, ../sass/style.sass */
+#container #content #article .article-info {
+ padding-bottom: 10px;
+ border-bottom: dotted 1px #202020;
+ margin-bottom: 10px;
+}
+/* line 102, ../sass/style.sass */
+#container #content #article .article-info .author {
+ font-weight: bold;
+ line-height: 18px;
+}
+/* line 107, ../sass/style.sass */
+#container #content #article .article-info .author-role, #container #content #article .article-info .date {
+ font-size: 12px;
+ line-height: 15px;
+}
+/* line 112, ../sass/style.sass */
+#container #content #article .article-info .date {
+ margin-top: 10px;
+}
+/* line 115, ../sass/style.sass */
+#container #content #article .article-options {
+ margin-bottom: 15px;
+}
+/* line 120, ../sass/style.sass */
+#container #content #article .article-options ul li {
+ float: left;
+ padding: 0 10px 0 10px;
+ border-right: solid 1px #202020;
+}
+/* line 125, ../sass/style.sass */
+#container #content #article .article-options ul li a {
+ padding-left: 17px;
+ color: #202020;
+ background: url("../images/sprites.gif") 0 15px no-repeat;
+ font-size: 11px;
+}
+/* line 132, ../sass/style.sass */
+#container #content #article .article-options ul li a.post-comment {
+ background-position: 0 -480px;
+}
+/* line 135, ../sass/style.sass */
+#container #content #article .article-options ul li a.email {
+ background-position: 0 -255px;
+}
+/* line 138, ../sass/style.sass */
+#container #content #article .article-options ul li a.print {
+ background-position: 0 -301px;
+}
+/* line 141, ../sass/style.sass */
+#container #content #article .article-options ul li a.share {
+ background-position: 0 -346px;
+}
+/* line 144, ../sass/style.sass */
+#container #content #article .article-options ul li a.large-type {
+ background-position: 0 -390px;
+}
+/* line 147, ../sass/style.sass */
+#container #content #article .article-options ul li a.small-type {
+ background-position: 0 -435px;
+}
+/* line 150, ../sass/style.sass */
+#container #content #article .article-options ul li:first-child {
+ padding-left: 0;
+}
+/* line 153, ../sass/style.sass */
+#container #content #article .article-options ul li:last-child {
+ padding-right: 0;
+ border-right: 0;
+}
+/* line 159, ../sass/style.sass */
+#container #content #article .article-text p {
+ margin-bottom: 20px;
+ line-height: 16px;
+}
View
96 html/index.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+ <title>SPORTS | Texas puts perfect mark on line at Kansas State</title>
+ <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" />
+ <script src="../js/jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>
+ <script src="../js/master.js" type="text/javascript" charset="utf-8"></script>
+ </head>
+
+ <body>
+
+ <div id="container">
+
+ <div id="header">
+ <div id="breadcrumbs">
+ <p><a href="javascript:void(0);">Home</a> > <a href="javascript:void(0);">Sports</a> > <a href="javascript:void(0);">Longhorns</a></p>
+ </div>
+ <h1>Texas puts perfect mark on line at Kansas State</h1>
+ </div>
+ <!-- end header -->
+
+ <div id="content">
+
+ <div id="sidebar">
+ <div class="article-photo">
+ <img src="../images/basketball.jpg" alt="Texas A&amp;M" />
+ <p>Laura Skelding/AMERICAN-STATESMAN</p>
+ </div>
+
+ <div class="clear"></div>
+
+ <div class="photo-blurb">
+ <a class="enlarge" href="javascript:void(0);">ENLARGE PHOTO</a>
+
+ <p>Texas senior forward Damion James and freshman guard Avery Bradley will be on alert against Kansas State just as they were against Texas A&M's David Loubeau, center, on Saturday.</p>
+ </div>
+ </div>
+ <!-- end left-column -->
+
+ <div id="article">
+ <div class="article-info">
+ <p>By <span class="author">Mark Rosner</span></p>
+ <p class="author-role">AMERICAN-STATESMAN STAFF</p>
+
+ <div class="date">
+ <p>Updated: 11:17 p.m. Sunday, Jan. 17, 2010</p>
+ <p>Published: 6:57 p.m. Sunday, Jan. 17, 2010</p>
+ </div>
+ </div>
+ <!-- end article-info -->
+
+ <div class="clear"></div>
+
+ <div class="article-options">
+ <ul>
+ <li><a class="post-comment" href="javascript:void(0);">Post a Comment</a></li>
+ <li><a class="email" href="javascript:void(0);">E-mail</a></li>
+ <li><a class="print" href="javascript:void(0);">Print</a></li>
+ <li><a class="share" href="javascript:void(0);">Share</a></li>
+ <li><a class="large-type" href="javascript:void(0);">Larger Type</a></li>
+ </ul>
+ <div class="clear"></div>
+ </div>
+ <!-- end article-options -->
+
+
+
+ <div class="article-text">
+
+ <p>MANHATTAN, Kan. - The Longhorns, three games into their defense of the No. 1 ranking, come to a place where the opponent is formidable, the crowd is raucous, and the referees might just wear out their whistles.</p>
+
+ <p>They come to face No. 13 Kansas State, an in-your-face team that reflects the personality of its coach, Frank Martin. The Wildcats spend much of their games fouling and shooting free throws.</p>
+
+ <p>All 12,528 tickets have been sold, and coach Rick Barnes hopes the Longhorns can summon the fortitude Texas A&M showed in the packed Erwin Center on Saturday during a 72-67 loss to the Longhorns in overtime.</p>
+
+ <p>"It's gonna be flipped Monday," Barnes said. "We're not gonna have the house. I hope we go in with the same intensity A&M brought."</p>
+
+ <p>Kansas State has 13 consecutive victories at home, its longest streak in Manhattan since winning 20 straight in 1981-82.</p>
+
+ <p>The Longhorns and Wildcats would not be called rivals, but you couldn't tell by their games in recent seasons.</p>
+
+ <p>Barnes is 8-4 against Kansas State. The Longhorns have won four of the last six, but five of those games were decided by four points or fewer. Texas has won the last two in Manhattan. K-State has a two-game winning steak in Austin.</p>
+
+ </div>
+ <!-- end article text -->
+ </div>
+ <!-- end right-column -->
+ <div class="clear"></div>
+ </div>
+ <!-- end content -->
+ <div class="clear"></div>
+ </div>
+ <!-- end container -->
+ </body>
+</html>
View
19 js/master.js
@@ -0,0 +1,19 @@
+$(function(){
+
+ // Click button to make text larger
+
+ $("a.large-type").toggle(
+
+ function(){
+ $(".article-text").css("font-size", "16px");
+ $(this).removeClass().addClass("small-type");
+ $(this).text("Smaller Type");
+ },
+ function(){
+ $(".article-text").css("font-size", "14px");
+ $(this).removeClass().addClass("large-type");
+ $(this).text("Larger Type");
+ }
+ );
+
+});
Something went wrong with that request. Please try again.