Permalink
Browse files

New styles for the pts page, getting closer, clearer and cleaner

  • Loading branch information...
1 parent fec88fb commit 722a50c12e569fb27573699d939479f0bbf0f171 Adam Stacoviak committed Jan 30, 2010
View

Large diffs are not rendered by default.

Oops, something went wrong.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -40,6 +40,7 @@
<div class="tweetmeme_retweet">
<script type="text/javascript">
tweetmeme_url = '<?php the_permalink() ?>';
+ tweetmeme_source = 'web20show';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
View
@@ -18,7 +18,14 @@
<!-- start .pitch-the-show -->
<div id="post-<?php the_ID(); ?>" class="pitch-the-show">
-
+ <div class="tweetmeme_retweet">
+ <script type="text/javascript">
+ tweetmeme_url = '<?php the_permalink() ?>';
+ tweetmeme_style = 'compact';
+ tweetmeme_source = 'web20show';
+ </script>
+ <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
+ </div>
<div class="gist">
<div class="header">
@@ -32,20 +39,19 @@
<h2>What is Pitch the Show?</h2>
<div class="column one">
<div class="inner">
- <p>Pitch the Show is a new segment of the Web 2.0 Show, powered by Grasshopper, that gives anyone a chance to pitch their business for an opportunity to be featured on the show.</p>
- <p>How does it work? Simple. Just call 1-888-WEB20SHOW and give us your best 90 second pitch about your business.</p>
+ <p>Pitch the Show is a new segment of the Web 2.0 Show, powered by Grasshopper, that gives anyone a chance to pitch their business for an opportunity to be featured on the show. All you need to do is call 1-888-WEB20SHOW and give us your best 90 second pitch about your business.</p>
</div>
</div>
<div class="column two">
<div class="inner">
- <p>Each month we will select only 2 pitches out of the many businesses that call in. These 2 businesses will be featured on a special monthly episode of the Web 2.0 Show, and will get exposure to its listeners as well as special guests who've made their mark on the entrepreneurial world.</p>
+ <p>Each month we will select only 2 pitches out of the many businesses that call in. These 2 businesses will be featured on a special monthly episode of the Web 2.0 Show and will get exposure to the listeners as well as special guests who have made their mark on the entrepreneurial world.</p>
</div>
</div>
<!-- <p><strong>So, what are you waiting for? May the Best Pitch Win!!
</strong></p> -->
</div>
<div class="logos">
- <a href="http://grasshopper.com/" class="grasshopper_logo" alt="Powered by Grasshopper"><img src="<?php bloginfo("template_url"); ?>/images/powered_by_grasshopper_logo_285.png" /></a>
+ <a href="http://grasshopper.com/" class="grasshopper_logo" alt="Powered by Grasshopper"><img src="<?php bloginfo("template_url"); ?>/images/powered_by_grasshopper_logo_250.png" width="252" height="105" /></a>
</div>
<div class="columns questions">
<div class="column one">
@@ -59,7 +65,7 @@
<div class="inner">
<h3>How do I get involved?</h3>
<p>Read through the resources, jot down a few notes, thoughts, etc. Pick up the phone. Then pitch your heart out. </p>
- <p>You can call as many times as it takes, seriously. You have <strong>90 seconds</strong> to show us your passion, professionalism, and buzzworthy-ness.</p>
+ <p>You can call as many times as it takes. You have <strong>90 seconds</strong> to show us your passion, professionalism, and buzzworthy-ness.</p>
<p><strong>Don't forget</strong>, just like in real life or at a demo pit if you don't spark some interest right away we are moving on!</p>
<!-- <p>But most importantly, pick up the phone and call!</p> -->
</div>
@@ -79,15 +85,15 @@
<div class="columns">
<div class="column one">
<h2>Embrace the power of Twitter!</h2>
- <p>Arm your Twitter followers with a Tweet they can retweet or a blog they can talk about! You'll need to embrace social media and use Twitter to influence your chances. Engage us in public about your pitch, we want to hear from you. We want to see you tell your friends and ask them to retweet your message.</p>
- <p>We'll be keeping a careful watch on Twitter by tracking the hashtag <a href="http://search.twitter.com/search?q=%23pitchtheshow">#pitchtheshow</a>. Make sure you tag your tweets!</p>
- <p>Tweet this message to make your first tweet easier for you!</p>
+ <p>Arm your Twitter followers with a Tweet to retweet or a blog post to talk about! Tell your friends and ask them to retweet your message. You need to embrace Twitter to influence your chances.</p>
+ <p>Engage us in public about your pitch, we want to hear from you. We'll be keeping a careful watch on Twitter by tracking the hashtag <a href="http://search.twitter.com/search?q=%23pitchtheshow">#pitchtheshow</a>. Make sure you tag your tweets!</p>
+ <p><strong>Tweet this message</strong> to get started with your first tweet!</p>
</div>
</div>
<img src="<?php bloginfo("template_url"); ?>/images/gary_corner.png" class="gary_corner" />
<div class="tweet_message">
<div class="inner">
- I just pitched @web20show @grasshopper! [insert why you should be featured] #pitchtheshow
+ I just pitched @web20show &amp; @grasshopper! [insert why you should be featured] #pitchtheshow
</div>
</div>
<div class="speech_sliver"></div>
@@ -97,18 +103,30 @@
</div>
<!-- end .body -->
</div>
- <div class="details">
- <div class="columns intro">
- <h2>What is Pitch the Show?</h2>
+ <div id="resources" class="details">
+ <div class="columns">
<div class="column one">
- <div class="inner">
- <p>Pitch the Show is a new segment of the Web 2.0 Show, powered by Grasshopper, that gives anyone a chance to pitch their business for an opportunity to be featured on the show.</p>
- <p>How does it work? Simple. Just call 1-888-WEB20SHOW and give us your best 90 second pitch about your business.</p>
- </div>
+ <h2>Resources and Links</h2>
+ <h3>Use the links and resources below to your advantage!</h3>
+ <p>Learning to pitch your idea or business can be an adventure all its own. Don't worry, it's not as hard as it may seem. With good guidance and a little practice, you'll have your pitch ready in no time and be ready to <strong>Pitch the Show</strong>.</p>
+ <ul>
+ <li>
+ <p><strong>Learning what not to do</strong> can sometimes be the best place to start when researching how to pitch your idea or business.</p>
+ </li>
+ <li>
+ <p><strong>Bends with the remover</strong> to remove. Which alters when it alteration finds, but bears it out even to the edge of doom.</p>
+ </li>
+ <li>
+ <p><strong>Empowerment of all personnel</strong> not just key operatives. Exploitation of core competencies as an essential enabler, by adopting project appraisal through incremental cash flow analysis.</p>
+ </li>
+ <li>
+ <p><strong>It is the star</strong> to every wand'ring bark, that looks on tempests and is never shaken; whose worth's unknown, although his height be taken.</p>
+ </li>
+ </ul>
</div>
<div class="column two">
<div class="inner">
- <p>Each month we will select only 2 pitches out of the many businesses that call in. These 2 businesses will be featured on a special monthly episode of the Web 2.0 Show, and will get exposure to its listeners as well as special guests who've made their mark on the entrepreneurial world.</p>
+ <h2>Meet the Judges</h2>
</div>
</div>
</div>
@@ -126,4 +144,9 @@
<!-- end #content -->
</div>
+
+<div id="people">
+
+</div>
+
<?php get_footer(); ?>
@@ -1,17 +1,24 @@
+!gh_green = #00853E
+
=pts-centered
margin: 0 auto
width: 870px
=pitch-the-show
.pitch-the-show
+ .tweetmeme_retweet
+ display: none
+ position: absolute
+ top: -22px
+ left: 10px
a
- color: #006C32
+ color = !gh_green
text-decoration: none
&:hover
text-decoration: underline
.gist
- +border-radius("3px")
- // background: #fff url(/wp-content/themes/base/images/bg_ffffff_f1f1f1_vertical.png) repeat-x 0 bottom
+ +border-radius("6px")
+ // background: #fff url(/wp-content/themes/base/images/bg_ffffff_f1f1f1_vertical.png) repeat-x 0 -120px
border: 1px solid #d7d7d7
padding: 25px 0 0 0
position: relative
@@ -40,8 +47,10 @@
.columns
+pts-centered
+pie-clearfix
+ padding-bottom: 15px
+ margin-bottom: 15px
h2, h3
- color: #00853E
+ color = !gh_green
font-weight: normal
margin-bottom: 12px
h2
@@ -55,19 +64,8 @@
&:last-child
margin-bottom: 0
&.intro
- padding-bottom: 15px
- margin-bottom: 15px
- h3
- font-size: 18px
- font-weight: bold
- margin-bottom: 10px
p
font-size: 16px
- line-height: 1.5
- & > p
- clear: both
- padding-top: 25px
- text-align: center
.column
&.one, &.two
+float-left
@@ -77,36 +75,36 @@
&.two .inner
padding-left: 15px
&.questions
- padding: 0 0 15px 0
- margin-top: 15px
- margin-bottom: 15px
+ margin-top: 10px
+ padding-top: 15px
.column
& > .inner
- padding: 12px
+ padding: 0 12px
&.one, &.two, &.three
+float-left
width: 290px
&.one .inner
padding-left: 0
&.three .inner
padding-right: 0
-
- ul
- padding-left: 20px
- li
- font-size: 14px
- line-height: 1.3
- margin-bottom: 8px
- &:last-child
- margin-bottom: 0
.outro
+pie-clearfix
position: relative
background: #E7F1E6
- border-top: 3px solid #00853E
+ border-top = 3px "solid" !gh_green
margin-top: 15px
padding-top: 35px
padding-bottom: 35px
+ .columns
+ +float-right
+ margin-right: 55px
+ margin-left: 65px
+ padding-bottom: 0
+ text-align: right
+ width: 435px
+ .column.one strong
+ color: #000
+ text-decoration: underline
img.gary_corner
position: absolute
bottom: 0
@@ -125,7 +123,7 @@
font-size: 18px
line-height: 1.6
padding-top: 15px
- padding-left: 20px
+ padding-left: 15px
.speech_sliver
position: absolute
bottom: 108px
@@ -138,8 +136,8 @@
+border-radius("3px")
+font-sans
+gradient("linear", "0% 0%, 0% 70%", #008C42, #03481D)
- background-color: #03481D
- border: 1px solid #022C12
+ background-color: #017638
+ border: 2px solid #022C12
position: absolute
bottom: 85px
left: 155px
@@ -151,57 +149,66 @@
padding: 8px 20px
text-transform: uppercase
&:hover
- border: 1px solid #022C12
+ border: 2px solid #022C12
text-decoration: none
- .columns
- +float-right
- margin-left: 65px
- margin-right: 65px
- width: 425px
- text-align: right
.details
+font-georgia
- height: 300px
- margin-top: 30px
- padding: 26px 0 0 0
+ margin-top: 25px
+ padding: 20px 0 0 0
position: relative
+ h2, h3
+ color = !gh_green
+ font-weight: normal
+ margin-bottom: 20px
+ h2
+ +font-sans
+ color: #222
+ font-size: 24px
+ font-weight: bold
+ line-height: 1
+ letter-spacing: -1px
+ margin-bottom: 8px
+ h3
+ font-size: 20px
+ font-weight: normal
+ p
+ font-size: 15px
+ line-height: 1.5
+ margin-bottom: 15px
+ &:last-child
+ margin-bottom: 0
.columns
- +pts-centered
- +pie-clearfix
- h2, h3
- color: #00853E
- font-weight: normal
- margin-bottom: 12px
- h2
- font-size: 24px
- h3
- font-size: 20px
- p
- font-size: 15px
- line-height: 1.5
- margin-bottom: 15px
- &:last-child
- margin-bottom: 0
- &.intro
- padding-bottom: 15px
- margin-bottom: 15px
- h3
- font-size: 18px
- font-weight: bold
- margin-bottom: 10px
- p
- font-size: 16px
- line-height: 1.5
- & > p
- clear: both
- padding-top: 25px
- text-align: center
- .column
- &.one, &.two
- +float-left
- width: 435px
- &.one .inner
- padding-right: 15px
- &.two .inner
- padding-left: 15px
+ .column
+ &.one
+ +float-left
+ width: 575px
+ &.two
+ +float-right
+ width: 400px
+ &.one .inner
+ padding-right: 15px
+ &.two .inner
+ +border-radius("6px")
+ background: #efefef
+ height: 300px
+ padding: 20px 25px
+ &.one
+ ul
+ padding-left: 17px
+ li
+ margin-bottom: 10px
+ h4
+ +font-sans
+ font-size: 16px
+ font-weight: bold
+ margin-bottom: 6px
+ &.two
+ h2
+ font-size: 18px
+
+#people
+ display: none
+ background: #e1e1e1
+ border-top: 1px solid #aaa
+ height: 300px

0 comments on commit 722a50c

Please sign in to comment.