-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (149 loc) · 9.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html>
<head>
<!-- This will redirect to new web -->
<meta http-equiv="refresh" content="0; url=http://aptitud.se/AptiWeb2.0" />
<!--meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Aptitud</title>
<script type="text/javascript" src="javascript/lib/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="javascript/lib/require-2.1.5-min.js"></script>
<script type="text/javascript" src="index.js"></script>
<link type="text/css" href="index.css" rel="stylesheet"/-->
</head>
<body style="display:none;border: 0px;margin:0;" onresize="updateLayout();" onload="updateLayout();">
<a href="#startPage" class="scroll" data-alias="hem" title="Hem">
<img id="navStart" border="0" src="images/navStart2.png" style="position: fixed ;right:1.5%;top:26%;width:30px;">
</a>
<a href="#philosophyPage" class="scroll" data-alias="filosofi" title="Filosofi - så här tänker vi">
<img id="navFilo" border="0" src="images/navFilo2.png" style="position: fixed ;right:1.5%;top:34%;width:30px;">
</a>
<a href="#aptitudDayPage" class="scroll" data-alias="aptituddag" title="Aptituddagen - utveckla och utvecklas tillsammans">
<img id="navAptitudDag" border="0" src="images/navAptitudDag2.png" style="position: fixed ;right:1.5%;top:42%;width:30px;">
</a>
<a href="#fellowPage" class="scroll" data-alias="medarbetare" title="Vi på Aptitud">
<img id="navVi" border="0" src="images/navVi2.png" style="position: fixed ;right:1.5%;top:50%;width:30px;">
</a>
<a href="#mapPage" class="scroll" data-alias="kartan" title="Kartan - hitta hit!">
<img id="navMapPage" border="0" src="images/navMap2.png" style="position: fixed ;right:1.5%;top:58%;width:30px;">
</a>
<a href="#bloggPage" class="scroll" data-alias="blogg" title="Blogg - lite nyheter, tankar och sånt">
<img id="navBlogg" border="0" src="images/navBlogg2.png" style="position: fixed ;right:1.5%;top:66%;width:30px;">
</a>
<a href="#tweetMapPage" class="scroll" data-alias="tweetKartan" title="Twitterkartan">
<img id="navTweetMap" border="0" src="images/navTweetKarta.png" style="position: fixed ;right:1.5%;top:74%;width:30px;">
</a>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="startPage" style="height:100vh; background: #EE5555; text-align: center; vertical-align: middle;width:100%;min-width: 200px;">
<img class="home-image" id="start-logo" src="images/aptitudlogo.png" style="width:40%;" />
<br>
<a href="http://www.linkedin.com/company/2660293" target="new"><img border="0" id="start-linkedin"
src="images/linkedin.png"
style="max-width:35px;width:5%;min-width:15px;"/></a>
<a href="http://twitter.com/Aptitud_Sthlm" target="new"><img border="0" id="start-twitter"
src="images/twitter.png"
style="max-width:35px;width:5%;min-width:15px;"/></a>
<a href="http://www.facebook.com/aptitudsthlm" target="new"><img border="0" id="start-fb"
src="images/fb.png"
style="max-width:35px;width:5%;min-width:15px;"/></a>
<a href="http://aptitud.eventbrite.com" target="new">
<img border="0" id="start-eventbrite" src="images/eventbrite.png" style="max-width:110px;width:15%;min-width:65px;"/></a>
<a href="http://www.youtube.com/aptitudsthlm" target="new">
<img border="0" id="start-youtube" src="images/youtube.png" style="max-width:90px;width:11%;min-width:60px;"/>
</a>
</td>
</tr>
<tr>
<td id="philosophyPage"
style="height:100vh; background: #1e859a; text-align: center; vertical-align: middle;width:100%;min-width: 200px;">
<img id="klotter" src="images/klotter.png" style="width:70%;">
<p><b>Vi bygger Sveriges bästa arbetsplats för IT-konsulter</b></p>
<p> Vi bygger Sveriges bästa arbetsplats för IT-konsulter där fokus är att ha roligt i sitt arbete.
En plats dit människor söker sig naturligt. En plats dit alla är välkomna. Välkomna att utbyta ideer, att
inspireras och att inspirera. </p>
<p> En plats för oss som är seriösa utan att ta oss själva på för stort allvar.</p>
<p> Vi vill ha roliga kollegor och ha tid att umgås med dem - på arbetstid. Bl a genom Aptituddagar, Blixttalsluncher,
bolagsmöten och konferenser. </p>
<p> Vi tror på transparens. All information är synlig och vi tycker att om man törs fatta ett beslut och stå
för det, så gör det! Vi litar på varandras sunda förnuft och omdöme. Blir det fel rättar vi till
det och blir lite klokare. </p>
<p> Hittills har vi lyckats. Vi har inga hemligheter. Det är oerhört skönt! Men mest handlar det om att ha roligt!</p>
</td>
</tr>
<tr>
<td id="aptitudDayPage"
style="height:100vh; background: #7A9752; text-align: center; vertical-align: middle;width:100%;min-width: 200px;">
<img src="images/aptituddagen.png" style="width:100%;"/>
<p>
Vi träffas en arbetsdag i månaden för att utveckla och utvecklas tillsammans. Bara för att det är kul
och för
att bli inspirerade. Och för att umgås. Vi gillar nämligen människor. Därför är dörren öppen och
alla är välkomna. Vi börjar dagen med att sätta agendan och kolla av vilka projekt som är igång
och vad det finns för roliga ideer som behöver realiseras. Anything goes!
</p>
<p style="margin-bottom: 0px">
Ibland blir det vi bygger användbart och bevarat:
</p>
<ul>
<li><a href="http://aptitud.se/#tweetMapPage">Tweet kartan</a>, <a href="https://github.com/aptitud/SimpleTweetMap">koden här</a></li>
<li><a href="http://sjovaderprognos.herokuapp.com">Weather forecast</a> tweetar sjövädersprognoser för <a href="https://twitter.com/NorraOstersjon">Norra Östersjön</a>, <a href="https://github.com/aptitud/WeatherForecast">koden här</a></li>
<li><a href="http://simpleradar.herokuapp.com/">Simple radar</a> bygg din egen trend-radar, <a href="https://github.com/aptitud/SimpleRadar">koden här</a></li>
<li><a href="https://github.com/aptitud/Aptitud.webcv">Aptitud CV</a> där vi kan hålla koll på våra CV's, <a href="https://github.com/aptitud/Aptitud.webcv">koden här</a></li>
<li><a href="https://github.com/aptitud/AptiTalk">AptiTalk</a> en chat app - med trådar, <a href="https://github.com/aptitud/AptiTalk">koden här</a></li>
</ul>
<p>
Dagen avslutas med lite mat och en öppen afterwork för vänner i och utanför branschen.
</p>
</td>
</tr>
<tr>
<td id="fellowPage"
style="height:100vh; padding-top: 7px;background: #FF6633; text-align: center; vertical-align: top;width:100%;min-width: 200px;">
<img src="images/medarbetare/andlow.png">
<img src="images/medarbetare/andnil.png">
<img src="images/medarbetare/davblo.png">
<img src="images/medarbetare/fresta.png">
<img src="images/medarbetare/gusdah.png">
<img src="images/medarbetare/hughag.png">
<img src="images/medarbetare/marham.png">
<img src="images/medarbetare/marnyl.png">
<img src="images/medarbetare/jonahn.png">
<img src="images/medarbetare/tomnas.png">
<img src="images/medarbetare/petqwa.png">
<img src="images/medarbetare/perjan.png">
<img src="images/medarbetare/hakale.png">
<img src="images/medarbetare/jeswik.png" style="vertical-align: top">
<img src="images/medarbetare/mikahl.png" style="vertical-align: top">
<img src="images/medarbetare/ankhed.png" style="vertical-align: top">
<img src="images/medarbetare/johelm.png" style="vertical-align: top">
<img src="images/medarbetare/maghub.png" style="vertical-align: top">
<img src="images/medarbetare/hamkla.png" style="vertical-align: top">
<img src="images/medarbetare/Johgun.png" style="vertical-align: top">
<img src="images/medarbetare/robolo.png" style="vertical-align: top">
<img src="images/medarbetare/thogra.png" style="vertical-align: top">
<img src="images/medarbetare/asalil.png" style="vertical-align: top">
</td>
</tr>
<tr>
<td id="mapPage"
style="height:100vh; background: #FEBE10; text-align: center; vertical-align: middle;width:100%;min-width: 200px;">
<img src="images/karta.png" />
</td>
</tr>
<tr>
<td id="bloggPage" style="height:100vh; background: #3399CC; text-align: center; vertical-align: middle;width:100%;min-width: 200px;">
</td>
</tr>
<tr>
<td id="tweetMapPage" style="height:100vh; background: #7A9752; text-align: center; vertical-align: middle;width:100%;min-width: 200px;">
<span id="tweetMapOverlay">
Twitterkarta - <a href="http://simpletweetmap.apphb.com" target="_blank">klicka här för fullskärm</a>.
</span>
<iframe id="tweetMapFrame" src="http://simpletweetmap.apphb.com/" frameborder="0">
<p>Your browser does not support iframes.</p>
</iframe>
</td>
</tr>
</table>
</body>
</html>