make cols bigger

This commit is contained in:
Jan Kaluza 2015-11-27 14:26:40 +01:00
parent d80d7a2c9f
commit defdc25b96

View file

@ -7,7 +7,7 @@ title: Spectrum 2
![Spectrum 2 animation](animation.gif)
<div style="width: 220px; height:300px; float:left; color: #222; background-color: #fff;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; padding: 10px; margin: 0 3px; box-shadow: 0 0 10px rgba(0,0,0,.1);">
<div style="width: 220px; height:384px; float:left; color: #222; background-color: #fff;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; padding: 10px; margin: 0 3px; box-shadow: 0 0 10px rgba(0,0,0,.1);">
<h3>What is Spectrum 2?</h3>
<hr/>
Spectrum 2 allows users to chat even when they are using different IM networks. It acts as a transport layer between the users as showed in the animation above.
@ -15,7 +15,7 @@ Spectrum 2 allows users to chat even when they are using different IM networks.
<div style="text-align:right"><a href="#">Read More</a></div>
</div>
<div style="width: 250px; height:300px; float:left; margin-left: 40px; color: #222; background-color: #fff;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; padding: 10px; margin: 0 3px; box-shadow: 0 0 10px rgba(0,0,0,.1);margin-left: 25px;">
<div style="width: 250px; height:384px; float:left; margin-left: 40px; color: #222; background-color: #fff;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; padding: 10px; margin: 0 3px; box-shadow: 0 0 10px rgba(0,0,0,.1);margin-left: 25px;">
<h3>Supported networks</h3>
<hr/>
@ -31,11 +31,15 @@ Spectrum 2 allows users to chat even when they are using different IM networks.
<img alt="IRC" src="https://gci.copyleftgames.org/img/icons/irc.png" style="float:left; margin-left:10px"/>
<img alt="Twitter" src="https://addons.cdn.mozilla.net/user-media/addon_icons/480/480584-64.png" style="float:left; margin-left:10px"/>
<div style="clear: both;"></div>
<img alt="XMPP" src="https://gci.copyleftgames.org/img/icons/xmpp.png" style="float:left"/>
<img alt="IRC" src="https://gci.copyleftgames.org/img/icons/irc.png" style="float:left; margin-left:10px"/>
<img alt="Twitter" src="https://addons.cdn.mozilla.net/user-media/addon_icons/480/480584-64.png" style="float:left; margin-left:10px"/>
<div style="clear: both;"></div>
<br/>
<div style="text-align:right"><a href="#">Read More</a></div>
</div>
<div style="width: 220px; height:300px; float:left; color: #222; background-color: #fff;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; padding: 10px; margin: 0 3px; box-shadow: 0 0 10px rgba(0,0,0,.1);margin-left: 25px;">
<div style="width: 220px; height:384px; float:left; color: #222; background-color: #fff;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; padding: 10px; margin: 0 3px; box-shadow: 0 0 10px rgba(0,0,0,.1);margin-left: 25px;">
<h3>Get it</h3>
<hr/>
You can install it on your own server or use existing public servers.<br/>
@ -45,5 +49,4 @@ You can install it on your own server or use existing public servers.<br/>
<div style="clear: both;"></div>
## Technical details