the fucking basecamp shit... hell yeah

tjosten · Feb 25, 2012 · a2d9199 · a2d9199
1 parent 47ec7e9
commit a2d9199
Show file tree

Hide file tree

Showing 19 changed files with 140 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/css/base.css b/css/base.css
@@ -376,3 +376,16 @@ img.shadow {
    border-radius:10px;
 }
 
+#basecamo-4 {
+    font-family: 'PT Sans', sans-serif;
+}
+
+
+#basecamp-5 ul {
+    list-style: none;
+}
+
+#basecamp-5 ul li {
+    margin: 0 0 15px 0;
+}
+
diff --git a/img/basecamp/adidas.jpg b/img/basecamp/adidas.jpg
diff --git a/img/basecamp/files.jpg b/img/basecamp/files.jpg
diff --git a/img/basecamp/files2.png b/img/basecamp/files2.png
diff --git a/img/basecamp/fox-sports.jpg b/img/basecamp/fox-sports.jpg
diff --git a/img/basecamp/kellogs.jpg b/img/basecamp/kellogs.jpg
diff --git a/img/basecamp/milestone.jpg b/img/basecamp/milestone.jpg
diff --git a/img/basecamp/national.jpg b/img/basecamp/national.jpg
diff --git a/img/basecamp/templating.jpg b/img/basecamp/templating.jpg
diff --git a/img/basecamp/templating2.jpg b/img/basecamp/templating2.jpg
diff --git a/img/basecamp/timetracking.jpg b/img/basecamp/timetracking.jpg
diff --git a/img/basecamp/todo.png b/img/basecamp/todo.png
diff --git a/img/basecamp/todo2.jpg b/img/basecamp/todo2.jpg
diff --git a/img/basecamp/wb.jpg b/img/basecamp/wb.jpg
diff --git a/img/basecamp/worldbank.jpg b/img/basecamp/worldbank.jpg
diff --git a/img/basecamp/writeboard.png b/img/basecamp/writeboard.png
diff --git a/img/basecamp/wwf.jpg b/img/basecamp/wwf.jpg
diff --git a/index.html b/index.html
@@ -195,6 +195,10 @@ <h1>Showcase</h1>
     <!-- Helas hurren niet meer kneuken -->
     <!-- Verdammtes Kack Scheisse -->
 
+     <div id="basecamp-1" class="step" data-x="-270000" data-y="80000" data-z="-100000" data-scale="80" >
+        BASECAMP
+    </div>
+
     <div id="basecamp-1" class="step" data-x="-280000" data-y="90000" data-z="-100000" data-scale="80" >
         <img src="img/basecamp/01.jpg" class="basecamp-logo" />
     </div>
@@ -211,8 +215,128 @@ <h1>Showcase</h1>
         <div style="margin: 0 0 20px 400px; -webkit-transform:rotate(-5deg);">43 million to-dos completed</div>
     </div>
 
-    <div id="basecamp-4" class="step" data-x="120000" data-y="22000" data-scale="50">
-        NEXT SLIDE
+     <div id="basecamp-3.5" class="step" data-x="-320000" data-y="322000" data-scale="300">
+        <img src="img/basecamp/adidas.jpg" />
+        <img src="img/basecamp/kellogs.jpg" />
+        <img src="img/basecamp/fox-sports.jpg" /><br />
+        <img src="img/basecamp/wb.jpg" />
+        <img src="img/basecamp/wwf.jpg" />
+        <img src="img/basecamp/worldbank.jpg" />
+        <img src="img/basecamp/national.jpg" />
+    </div>
+
+    <div id="basecamp-4" class="step" data-x="120000" data-y="22000" data-scale="1000">
+        <div style="margin-left: 200px">
+            <h1>Shooting some facts</h1>
+
+            <ul style="margin-left: 50px">
+                <li>5. Februar 2004</li>
+                <li>Webbasiert</li>
+                <li>Software as a Service</li>
+                <li>Multilingual</li>
+                <li>Add-Ons</li>
+            <ul>
+        </div>
+    </div>
+
+    <div id="basecamp-5" class="step slide" data-x="150000" data-y="35000" data-scale="800" data-rotate-y="90">
+        <h1>Die Lizenzmodelle</h1>
+
+        <ul>
+            <li><b>free plan</b>:<br /> 1 Projekt anlegbar, 10MB Speicherplatz für Dateien</li>
+            <li><b>basic plan</b>:<br /> 15 Projekte, 5GB Speicherplatz ($24/Monat)</li>
+            <li><b>plus</b>:<br /> 35 Projekte, 15GB Speicherplatz, unbegrenzte Benutzer anlegbar ($49/Monat)</li>
+            <li><b>premium</b>:<br /> 100 Projekte, 30GB Speicherplatz, unbegrenzte Benutzer ($99/Monat)</li>
+            <li><b>max</b>:<br /> unbegrenzte Projekte, 75GB Speicherplatz, unbegrenzte Benutzer ($149/Monat)</li>
+        </ul>
+    </div>
+
+    <div id="basecamp-7" class="step" data-x="-100500" data-y="39750" data-scale="1" data-rotate-y="90">
+        <div class="features">
+            <div>To-Do-Listen</div>
+            <div>Milestones</div>            
+            <div>Stundenerfassung</div>
+            <div>Filesharing</div>
+            <div>Writeboards</div>
+            <div>Templating</div>
+        </div>
+    </div>
+
+    <div id="basecamp-8" class="step slide" data-x="-80500" data-y="39750" data-scale="1" data-rotate-y="180">
+        <h1>To-Do-Listen</h1>
+        <ul style="margin: 40px 0 0 10px;">
+            <li>Mehrere To-Do-Listen</li>
+            <li>Mitarbeiter-Zuweisung</li>
+            <li>Deadline</li>
+        </ul>
+       <img src="img/basecamp/todo.png" style="position: absolute; left:0; top: 0; margin: 380px 0 0 40px;"/>
+       <img src="img/basecamp/todo2.jpg" style="position: absolute; right:0; top: 0; margin: 100px 30px 0 0; width: 700px;"/>
+    </div>
+
+     <div id="basecamp-9" class="step slide" data-x="-80500" data-y="39750" data-scale="1" data-rotate-y="270">
+        <h1>Milestone-Management</h1>
+
+        <ul style="margin: 40px 0 0 10px;">
+            <li>Termine</li>
+            <li>Milestones</li>
+            <li>Deadlines</li>
+            <li>Mitarbeiter-Zuweisung</li>
+            <li>Synchronisation</li>
+        </ul>
+       <img src="img/basecamp/milestone.jpg" style="position: absolute; right:0; top: 0; margin: 120px 30px 0 0; width: 700px;"/>
+    </div>
+
+     <div id="basecamp-10" class="step slide" data-x="-80500" data-y="39750" data-scale="1" data-rotate-y="360">
+        <h1>Stundenerfassung</h1>
+
+        <ul style="margin: 40px 0 0 10px;">
+            <li>Arbeitszeit pro Aufgabe</li>
+            <li>Verkn&uuml;pfung mit To-Do</li>
+            <li>Umfangreiche Filter</li>
+            <li>Exportierung</li>
+        </ul>
+       <img src="img/basecamp/timetracking.jpg" style="position: absolute; right:0; top: 0; margin: 150px 30px 0 0; width: 700px;"/>       
+    </div>
+
+     <div id="basecamp-11" class="step slide" data-x="-80500" data-y="39750" data-scale="1" data-rotate-y="450">
+        <h1>Filesharing</h1>
+
+       <ul style="margin: 40px 0 0 10px;">
+            <li>Alle popul&auml;ren Formate</li>
+            <li>Versionierung</li>
+            <li>Kategorien</li>
+            <li>Zugriffskontrolle</li>
+            <li>Filter</li>
+        </ul>
+        <img src="img/basecamp/files2.png" style="position: absolute; left:0; top: 0; margin: 400px 0 0 50px;"/>
+        <img src="img/basecamp/files.jpg" style="position: absolute; right:0; top: 0; margin: 150px 30px 0 0; width: 700px;"/>       
+    </div>
+
+     <div id="basecamp-12" class="step slide" data-x="-80500" data-y="39750" data-scale="1" data-rotate-y="540">
+        <h1>Writeboards</h1>
+
+       <ul style="margin: 40px 0 0 10px;">
+            <li>Synchrones Arbeiten</li>
+            <li>Versionierung</li>
+            <li>Vergleich</li>
+            <li>Kommentieren</li>
+            <li>Exportierung</li>
+        </ul>
+        <img src="img/basecamp/writeboard.png" style="position: absolute; right:0; top: 0; margin: 50px 100px 0 0; width: 600px;"/>   
+    </div>
+
+     <div id="basecamp-13" class="step slide" data-x="-80500" data-y="39750" data-scale="1" data-rotate-y="630">
+        <h1>Templating</h1>
+
+       <ul style="margin: 40px 0 0 10px;">
+            <li>Erstellung von Templates</li>
+            <li>To-Dos</li>
+            <li>Milestones</li>
+            <li>Nachrichten</li>
+            <li>...</li>
+        </ul>
+        <img src="img/basecamp/templating2.jpg" style="position: absolute; left:0; top: 0; margin: 380px 0 0 50px;"/>
+        <img src="img/basecamp/templating.jpg" style="position: absolute; right:0; top: 0; margin: 150px 30px 0 0; width: 700px;"/>  
     </div>
     <!-- killall Verdammtes Kack Scheisse -->