Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Switched to google fonts, added headshots

  • Loading branch information...
commit 50dadec8f5a1c3d4aed34688856b6ab0dce8512e 1 parent c3083d1
@idan idan authored
Showing with 85 additions and 6 deletions.
  1. +67 −2 ux.dp.com/base.css
  2. +18 −4 ux.dp.com/index.html
View
69 ux.dp.com/base.css
@@ -4,7 +4,7 @@ html {
}
body {
- font-family: freight-sans-pro, sans-serif;
+ font-family: 'Open Sans', sans-serif;
font-size: 100%;
width: 600px;
margin: 20px auto;
@@ -16,17 +16,25 @@ body {
text-indent: -9999px;
background: url(djangoux.png) no-repeat left center;
margin: 0;
+ font-weight: 800;
}
#masthead>h2 {
+ font-family: "News Cycle", sans-serif;
text-transform: uppercase;
font-size: 1.8em;
color: white;
margin: 0.25em 0 0.5em;
+ font-weight: 400;
+ letter-spacing: 1px;
+}
+
+#content {
+ margin-bottom: 2em;
}
#mailinglist {
- font-weight: 700;
+ font-weight: 800;
text-decoration: none;
color: black;
display: inline-block;
@@ -41,4 +49,61 @@ body {
text-decoration: underline;
background: rgba(255,255,255,0.5);
color: black;
+}
+
+#staff header h1 {
+ font-weight: 400;
+ font-style: italic;
+ border-bottom: 1px solid rgba(0,0,0,0.2);
+ font-size: 100%;
+ padding-bottom: 0.5em;
+
+}
+
+.person {
+ float: left;
+ width: 122px;
+}
+
+.person>a {
+ border: 1px solid #789340;
+ background: #fff;
+ padding: 5px;
+ width: 72px;
+ height: 72px;
+ display: block;
+}
+
+.person>a:hover {
+ background-color: #FFF0AF;
+}
+
+.person>a img {
+ display: block;
+ padding: 0;
+ margin: 0;
+ width: 72px;
+ height: 72px;
+}
+
+.person h1 {
+ font-weight: 400;
+ font-size: 100%;
+ margin-bottom: 0.2em;
+}
+
+.person h2 {
+ font-weight: 400;
+ font-style: italic;
+ font-size: 0.75em;
+ margin-top: 0;
+}
+
+.person h2 a {
+ color: #000;
+ text-decoration: none;
+}
+
+.person h2 a:hover {
+ text-decoration: underline;
}
View
22 ux.dp.com/index.html
@@ -1,9 +1,7 @@
<html>
<head>
<title>Django User Experience Team</title>
- <script type="text/javascript" src="http://use.typekit.com/mws7jht.js"></script>
- <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
- <link rel="stylesheet" href="normalize.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,800italic,400,800|News+Cycle' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="base.css">
</head>
<body>
@@ -15,7 +13,23 @@ <h2 id="title">Django User Experience Team</h2>
<p>We make Django delightful to use.</p>
<p>We are designers of every stripe: user experience, interaction, visual. We are information architects and content strategists. We don't always know how to write code. We want the entire Django ecosystem to benefit from our talents.</p>
<p>Sound like something you'd like to be involved in? Don't be shy.</p>
- <p><a id="mailinglist" href="https://groups.google.com/forum/#!forum/django-ux">Join the mailing list!</a></p>
+ <p><a id="mailinglist" href="https://groups.google.com/forum/#!forum/django-ux">Join the mailing list!</a></p>
</section>
+ <section id="staff">
+ <header>
+ <h1>Chaired by</h1>
+ </header>
+ <article class="person">
+ <a href="http://twitter.com/idangazit"><img width="72" height="72" src="idan.jpg"></a>
+ <h1>Idan Gazit</h1>
+ <h2><a href="http://twitter.com/idangazit">@idangazit</a></h2>
+ </article>
+ <article class="person">
+ <a href="http://twitter.com/julienphalip"><img width="72" height="72" src="julien.jpg"></a>
+ <h1>Julien Phalip</h1>
+ <h2><a href="http://twitter.com/julienphalip">@julienphalip</a></h2>
+ </article>
+
+ </section>
</body>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.