-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Tero Piirainen
committed
Dec 3, 2010
1 parent
7ff8d27
commit 73093ad
Showing
20 changed files
with
856 additions
and
276 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| the website | ||
| the generated website. sources are here: https://github.com/tipiirai/cloudpanic |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,163 @@ | ||
| <!doctype html> | ||
| <html class="no-js"> | ||
|
|
||
| <head> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
| <meta name="viewport" content="width=device-width; initial-scale=1.0"> | ||
|
|
||
| <title>The Cloud @ CLOUD PANIC</title> | ||
| <meta name="description" content="Programming is different now. You use a laptop to build a site for millions of users. Alone. The Cloud offers mind blowing possibilities."> | ||
| <meta name="keywords" content="cloud computing, cloud services,"> | ||
| <meta name="author" content="tipiirai (Tero Piirainen)"> | ||
|
|
||
| <link rel="icon" type="image/png" href="/media/img/favicon.png"> | ||
| <link rel="stylesheet" href="/media/css/style.css?v=3"> | ||
|
|
||
|
|
||
|
|
||
| <!-- The only script in your HEAD--> | ||
| <script src="/media/js/head.min.js"></script> | ||
| </head> | ||
|
|
||
|
|
||
| <body> | ||
|
|
||
| <div id="wrap" class="cloud"> | ||
|
|
||
| <a href="/about.html" id="logo" title="About Cloudpanic"> | ||
| <strong>!!</strong> cloudpanic | ||
| <em>Technologies to master. Crap to ignore.</em> | ||
| </a> | ||
|
|
||
| <div id="story" class="clear" style="background:url(http://farm4.static.flickr.com/3045/2534231248_4fb9ff42b2_b.jpg)"> | ||
|
|
||
| <a id="forward" href="flash.html"><em>next crap:</em> Flash</a> | ||
|
|
||
| <div id="content"> | ||
|
|
||
| <div id="title"> | ||
| <h1>The Cloud</h1> | ||
|
|
||
| <h2> | ||
| Programming is different now. You use a laptop to build a site for millions of users. Alone. The Cloud offers mind blowing possibilities. | ||
| <em id="created">Fri, 3 Dec 2010 04:14:19 +0200</em> | ||
| </h2> | ||
| </div> | ||
|
|
||
| <div id="bottom"> | ||
| <div id="share"> | ||
|
|
||
| <a id="tweet" href="http://twitter.com/share" | ||
| data-text="Technology to master: The Cloud @ cloudpanic.com" | ||
| class="twitter-share-button" data-count="vertical" | ||
| data-via="cloudpanic">Tweet</a> | ||
|
|
||
|
|
||
| <iframe id="facebook" frameborder="0" src="http://www.facebook.com/plugins/like.php?href=http://cloudpanic.com/cloud.html&layout=box_count&show_faces=true&width=450&action=like&colorscheme=light&height=65" scrolling="no" allowTransparency="true"></iframe> | ||
| </div> | ||
|
|
||
| <div id="facts" class="clear None"> | ||
|
|
||
| <div class="fact"> | ||
| <h3>Cloud computing</h3> | ||
|
|
||
| <p> | ||
| Cloud applications are elastic. The more traffic you have the more CPU, disc and memory is provided. Automatically. Your application can serve every person on the globe, not just a small group. | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="fact"> | ||
| <h3>Cloud services</h3> | ||
|
|
||
| <p> | ||
| This site's source code is on Github, Dropbox is used for previewing, Flickr for image serving, Google Analytics for tracking, Facebook and Twitter for spreading the word. Everything is free and immediate. Today free lunch truly exists. | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="fact"> | ||
| <h3>The new world</h3> | ||
|
|
||
| <p> | ||
| New emerging organizations grow themselves on the cloud. Cheaper, simpler, more secure, flexible and automated. The hard work is done for you. You pay for what you use or nothing. Complex enterprise solutions cannot compete. | ||
| </p> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <div id="links" class="clear"> | ||
|
|
||
| <a href="http://aws.amazon.com/"> | ||
| Amazon <small>THE Cloud service</small></a> | ||
|
|
||
| <a href="http://www.rackspace.com/index.php"> | ||
| Rackspace <small>Cloud service #2</small></a> | ||
|
|
||
| <a href="http://gigaom.files.wordpress.com/2010/06/go-cloud-r3.jpg"> | ||
| GIGAOM <small>Rise of the Cloud</small></a> | ||
|
|
||
| <a href="http://www.indeed.com/jobtrends/Cloud-Computing.html"> | ||
| Indeed <small>Cloud Job Trends</small></a> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
|
|
||
| <div id="navi" class="clear"> | ||
|
|
||
| <div id="incloud" class="navi active"> | ||
| <h3>Technologies to master</h3> | ||
|
|
||
| <a href="cloud.html">The Cloud</a> | ||
| <a href="stateless-design.html">Stateless design</a> | ||
| <a href="services.html">Services</a> | ||
| <a href="javascript.html">JavaScript</a> | ||
| <a href="static-html.html">Static HTML</a> | ||
| </div> | ||
|
|
||
| <div id="inpanic" class="navi"> | ||
| <h3>Crap to ignore</h3> | ||
|
|
||
| <a href="index.html">Features</a> | ||
| <a href="sap.html">SAP</a> | ||
| <a href="java.html">Java</a> | ||
| <a href="flash.html">Flash</a> | ||
| <a href="enterprise-solutions.html">Enterprise solutions</a> | ||
| </div> | ||
|
|
||
| <div id="marketing-crap"> | ||
| <strong>Next story that matters</strong> | ||
| <h2 id="after">Wed, 15 Dec 2010 11:00:00 +0200</h2> | ||
| <a href="http://twitter.com/cloudpanic">Hear about it!</a> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <div id="footer"> | ||
| <a href="/about.html">About</a> • | ||
| <a href="http://www.flickr.com/photos/55014838@N08/galleries/72157625062868131/">Photo credits</a> • | ||
| <a href="http://github.com/tipiirai/cloudpanic">Source code</a> (Github)</a> | ||
| </div> | ||
|
|
||
| <script> | ||
| head.js("/media/js/site.js") | ||
| .js("http://platform.twitter.com/widgets.js") | ||
| .js("http://www.google-analytics.com/ga.js", function() { | ||
|
|
||
| var tracker = _gat._getTracker("UA-19863497-1"); | ||
| tracker._trackPageview(); | ||
|
|
||
| }); | ||
| </script> | ||
|
|
||
| </body> | ||
|
|
||
| </html> | ||
|
|
||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.