Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Making things linked.

  • Loading branch information...
commit 3dc8e83f81dd08b18a04dc11845ada42619531ad 1 parent d97b897
@brianloveswords authored
Showing with 65 additions and 44 deletions.
  1. +7 −1 css/main.css
  2. +10 −7 css/main.less
  3. +48 −36 index.html
View
8 css/main.css
@@ -273,18 +273,24 @@ section[role="courses"] ul[role="course-list"] {
padding: 0 0 0 30px;
list-style: none;
}
+section[role="courses"] ul[role="course-list"] a:hover img {
+ border-bottom: 5px solid #cef200;
+}
section[role="courses"] ul[role="course-list"] li {
background: #fff;
margin: 0 0 20px 10px;
float: left;
width: 300px;
}
+section[role="courses"] ul[role="course-list"] li img {
+ border-bottom: 5px solid #fff;
+}
section[role="courses"] ul[role="course-list"] li h2 {
padding: 15px;
font-size: 17px;
font-weight: normal;
}
-section[role="courses"] p {
+section[role="courses"] ul[role="course-list"] li p {
font-family: "Georgia";
padding: 5px 14px;
font-size: 16px;
View
17 css/main.less
@@ -247,25 +247,28 @@ section[role="courses"] {
margin: 0;
padding: 0 0 0 30px;
list-style: none;
+ a:hover img { border-bottom: 5px solid @green; }
li {
background: #fff;
margin: 0 0 20px 10px;
-
float: left;
width: 300px;
+ img {
+ border-bottom: 5px solid #fff;
+ }
h2 {
padding: 15px;
font-size: 17px;
font-weight: normal;
}
+ p {
+ font-family: "Georgia";
+ padding: 5px 14px;
+ font-size: 16px;
+ line-height: 22px;
+ }
}
}
- p {
- font-family: "Georgia";
- padding: 5px 14px;
- font-size: 16px;
- line-height: 22px;
- }
}
section[role="suggestion"] {
clear: both;
View
84 index.html
@@ -120,57 +120,69 @@
<ul role="course-list">
<li class="course">
- <h2>UX: Design para a Educação</h2>
- <img src="/images/tmp.course1.png">
- <p>
- Queres aprender a desenvolver ambientes de experiência de
- usuário a serem aplicados a vários sistemas? #webcraft #p2pu
- </p>
+ <a>
+ <h2>UX: Design para a Educação</h2>
+ <img src="/images/tmp.course1.png">
+ <p>
+ Queres aprender a desenvolver ambientes de experiência de
+ usuário a serem aplicados a vários sistemas? #webcraft #p2pu
+ </p>
+ </a>
</li>
<li class="course">
- <h2>UX: Design para a Educação</h2>
- <img src="/images/tmp.course2.png">
- <p>
- Queres aprender a desenvolver ambientes de experiência de
- usuário a serem aplicados a vários sistemas? #webcraft #p2pu
- </p>
+ <a>
+ <h2>UX: Design para a Educação</h2>
+ <img src="/images/tmp.course2.png">
+ <p>
+ Queres aprender a desenvolver ambientes de experiência de
+ usuário a serem aplicados a vários sistemas? #webcraft #p2pu
+ </p>
+ </a>
</li>
<li class="course">
- <h2>UX: Design para a Educação</h2>
- <img src="/images/tmp.course3.png">
- <p>
- Queres aprender a desenvolver ambientes de experiência de
- usuário a serem aplicados a vários sistemas? #webcraft #p2pu
- </p>
+ <a>
+ <h2>UX: Design para a Educação</h2>
+ <img src="/images/tmp.course3.png">
+ <p>
+ Queres aprender a desenvolver ambientes de experiência de
+ usuário a serem aplicados a vários sistemas? #webcraft #p2pu
+ </p>
+ </a>
</li>
<li class="course">
- <h2>UX: Design para a Educação</h2>
- <img src="/images/tmp.course4.png">
- <p>
- Queres aprender a desenvolver ambientes de experiência de
- usuário a serem aplicados a vários sistemas? #webcraft #p2pu
- </p>
+ <a>
+ <h2>UX: Design para a Educação</h2>
+ <img src="/images/tmp.course4.png">
+ <p>
+ Queres aprender a desenvolver ambientes de experiência de
+ usuário a serem aplicados a vários sistemas? #webcraft #p2pu
+ </p>
+ </a>
</li>
<li class="course">
- <h2>UX: Design para a Educação</h2>
- <img src="/images/tmp.course5.png">
- <p>
- Queres aprender a desenvolver ambientes de experiência de
- usuário a serem aplicados a vários sistemas? #webcraft #p2pu
- </p>
+ <a>
+ <h2>UX: Design para a Educação</h2>
+ <img src="/images/tmp.course5.png">
+ <p>
+ Queres aprender a desenvolver ambientes de experiência de
+ usuário a serem aplicados a vários sistemas? #webcraft #p2pu
+ </p>
+ </a>
</li>
<li class="course">
- <h2>UX: Design para a Educação</h2>
- <img src="/images/tmp.course6.png">
- <p>
- Queres aprender a desenvolver ambientes de experiência de
- usuário a serem aplicados a vários sistemas? #webcraft #p2pu
- </p>
+ <a>
+ <h2>UX: Design para a Educação</h2>
+ <img src="/images/tmp.course6.png">
+ <p>
+ Queres aprender a desenvolver ambientes de experiência de
+ usuário a serem aplicados a vários sistemas? #webcraft #p2pu
+ </p>
+ </a>
</li>
</ul>
Please sign in to comment.
Something went wrong with that request. Please try again.