Skip to content

Alignment of Vaultize logo, and popup #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 23 commits into
base: master
Choose a base branch
from
Open

Alignment of Vaultize logo, and popup #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
2519504
Fixed size of Enthought image that was getting distorted
gora May 29, 2013
e516d6a
Fixed alignment of Vaultize image, added popup, and links
gora May 29, 2013
c4e0322
First draft of social-media share bar
gora Jun 1, 2013
71ce219
Added wrapper div to float Google+ share button
gora Jun 1, 2013
df42b8b
Tweak size of Google+ share button
gora Jun 1, 2013
f303e50
Froce width for Google+ share button
gora Jun 1, 2013
c68c5fb
Moved social-media share bar to top, and added minimal styling
gora Jun 1, 2013
1991d05
Tweaked styling for share bar buttons
gora Jun 1, 2013
aa8899e
Tweaked alignment of share bar buttons
gora Jun 1, 2013
f362c6d
Reduced padding between share buttons
gora Jun 1, 2013
4092481
Added apsce above FB comments box
gora Jun 1, 2013
01f431e
Removed double script for Twitter
gora Jun 1, 2013
4a77ec9
Changed to normal Tweet button rather than mention
gora Jun 1, 2013
17aa08e
Restored Tweet button Javascript
gora Jun 1, 2013
331c8b8
Replace Tweet button with iframe
gora Jun 1, 2013
ad500e5
Make share buttons float to left. Tweet button has problems with floa…
gora Jun 1, 2013
2c90293
Tweak styling of share bar buttons
gora Jun 1, 2013
c4fd29f
Remove Twitter web intent
gora Jun 1, 2013
44246c6
Added site URL for Twitter share
gora Jun 1, 2013
8af5d02
Moved FB button right as share box was off screen
gora Jun 1, 2013
251ae70
Moved FB button further left
gora Jun 1, 2013
13ac35e
Tweaked styling of share bar buttons
gora Jun 1, 2013
60e16e5
Tweaked spacing of share bar buttons
gora Jun 1, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 22 additions & 4 deletions assets/css/pyconindia.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -483,6 +483,9 @@ div.code td.linenos pre {
.sponsor-silver:after {
content: "Silver";
}
#img_vaultize {
margin-top: 36px;
}
.sponsor-partner:after {
content: "Partner";
}
Expand Down Expand Up @@ -553,11 +556,26 @@ div.code td.linenos pre {
background-repeat:repeat no-repeat;
border-color:rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.247059);
}

.logo {
min-height: 0px;
}

.sponsor-gold img {
max-height: 150px;
.social {
float: left;
margin-left: 25px;
}
#___plus_0 {
/* Force width of Google+ share button */
width: 200px !important;
/* Better vertical alignment */
margin: 4px 20px 0 0 !important;
}
.fb-like {
/* Better vertical alignment */
margin: 3px 40px 0 45px;
float: left;
}
.share-bar {
border-bottom: 1px solid #E6E6E6;
margin: 15px 0;
padding: 5px 0;
}
Binary file modified assets/images/sponsors/enthought.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
102 changes: 71 additions & 31 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -114,13 +114,28 @@
</div>
</header>

<div class="content">
<div class="container">
<div>
PyCon India is the premier conference on using and developing the <a href="http://python.org/">Python programming language</a> in India, conducted annually by the <a href="http://python.org.in/">Python developer community</a>, it attracts best Python programmers from India and abroad.
</div>
</div>
</div>
<div class="content">
<div class="container">
<div>
PyCon India is the premier conference on using and developing the <a href="http://python.org/">Python programming language</a> in India, conducted annually by the <a href="http://python.org.in/">Python developer community</a>, it attracts best Python programmers from India and abroad.
</div>

<div class="share-bar">
<div class="row">
<div class="span8 offset4">

<div class="fb-like" data-href="http://in.pycon.org/2013/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false"></div>

<div class="social">
<a href="https://twitter.com/share?screen_name=pyconindia&text=I%20support%20Pycon%20India%202013&url=http://in.pycon.org/2013/" class="twitter-share-button" data-size="large">Tweet to @pyconindia</a>
</div>
<div class="social">
<div class="g-plus" data-action="share" data-height="24" width="200"></div>
</div>
</div>
</div> <!-- .row -->
</div> <!-- .container -->
</div> <!-- .content -->

<section id="sponsors">
<div class="container">
Expand All @@ -139,7 +154,7 @@ <h2 class="left">Sponsors</h2>
<div class="row">

<article class="sponsor-gold sponsor span3">
<p class="logo"><a class="fancybox" href="#enthought"><img src="assets/images/sponsors/enthought.png" width="248" height="206" alt="Enthought"></a></p>
<p class="logo"><a class="fancybox" href="#enthought"><img src="assets/images/sponsors/enthought.png" width="181" height="150" alt="Enthought"></a></p>
<div class="hidden">
<div id="enthought" class="sponsor-info">
<div class="pan-top">
Expand Down Expand Up @@ -183,7 +198,32 @@ <h2 class="left">Sponsors</h2>

<div class="row">
<article class="sponsor-silver sponsor span2">
<p class="logo"><img alt="Vaultize" src="assets/images/sponsors/vaultize.png"></p>
<p class="logo"><a class="fancybox" href="#vaultize"><img alt="Vaultize" src="assets/images/sponsors/vaultize.png" width="128" height="35" id="img_vaultize"></a></p>
<div class="hidden">
<div id="vaultize" class="sponsor-info">
<div class="pan-top">
<div class="pan-head"><a target="_blank" href="http://www.vaultize.com/">Vaultize</a></div>
<div class="pan-txt">
Vaultize is an enterprise-class solution for
secure file sharing &amp; sync between users, sharing
with third parties over web, enterprise mobility
with sync across mobile devices, secure anywhere
anytime access to corporate file servers, endpoint
backup, endpoint encryption and Google Apps backup
– all with centralized IT control. It’s also the
first to do encryption and de-duplication at
source (patent-pending)! And, flexibility to
choose between public cloud, private cloud and
appliance.
</div> <!-- .pan-txt -->
</div> <!-- .pan-top -->

<div class="pan-bottom">
<a href="http://www.vaultize.com/" target="_blank" class="btn btn-primary sponsor-exit">Visit Vaultize</a>
<a data-dismiss="modal" class="btn">Close</a>
</div>
</div>
</div> <!-- .hidden -->
</article>
<article class="sponsor-silver sponsor span2">
<p class="logo"><img alt="Become a Silver Sponsor" src="http://placehold.it/128x100/F7F6F0/444&amp;text=Your+Logo%3f"></p>
Expand Down Expand Up @@ -222,31 +262,31 @@ <h2 class="left">Sponsors</h2>
</section> <!-- #sponsors -->


<div class="content">
<div class="container">
<div class="row">
<div class="span8">
<a class="twitter-timeline" href="https://twitter.com/pyconindia" data-widget-id="338228977065938944">Tweets by @pyconindia</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<div class="content">
<div class="container">
<div class="row">
<div class="span8">
<a class="twitter-timeline" href="https://twitter.com/pyconindia" data-widget-id="338228977065938944">Tweets by @pyconindia</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

<div class="span4">
<div class="fb-like-box" data-href="https://www.facebook.com/PyConIndia" data-width="292" data-show-faces="true" data-stream="true" data-show-border="false" data-header="true"></div>
</div>
</div> <!-- .row -->
<div class="span4">
<div class="fb-like-box" data-href="https://www.facebook.com/PyConIndia" data-width="292" data-show-faces="true" data-stream="true" data-show-border="false" data-header="true"></div>
</div>
</div> <!-- .row -->
</div> <!-- .container -->
</div> <!-- .content -->

<div class="row">
<div class="span6">
<div class="fb-comments" data-href="https://www.facebook.com/PyConIndia" data-width="470" data-num-posts="10"></div>
</div>
<div class="content">
<div class="container">
<div class="row">
<div class="span6 offset3">
<div class="fb-comments" data-href="https://www.facebook.com/PyConIndia" data-width="470" data-num-posts="10"></div>
</div>
</div> <!-- .row -->
</div> <!-- .container -->
</div> <!-- .content -->

<div class="span2 offset8">
<div class="g-plus" data-action="share" data-height="24"></div>
</div>
</div> <!-- .row -->
</div> <!-- .container -->
</div> <!-- .content -->

<footer class="footer">
<div class="container">
<div class="row">
Expand Down