-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproject-13.html
More file actions
166 lines (134 loc) · 9.16 KB
/
Copy pathproject-13.html
File metadata and controls
166 lines (134 loc) · 9.16 KB
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
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine or request Chrome Frame -->
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<!-- Use title if it's in the page YAML frontmatter -->
<title>Tibco - Spotfire</title>
<script src="javascripts/vendor/libs/modernizr.js"></script>
<link href="http://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css" />
<link href="stylesheets/application.css" rel="stylesheet" type="text/css" />
</head>
<body class="project-13">
<div class="u-wrapper">
<header class="Bar u-off-canvas-transition js-Bar--top">
<a href="#" class="Bar-link js-aboutLink Icon" data-controller='[{"offCanvas": {"type": "top", "allow-reinit": true, "deeplink": "about"}}]'><img src="icons/black/icon_arrow_next.svg" class="Icon-img Icon-right" alt=""><img src="icons/black/icon_arrow_up.svg" class="Icon-img Icon-up" alt=""><span class="Icon-text">About Me</span></a>
<div class="ProjectNavigation ProjectNavigation--right js-asyncLoad">
<a class="ProjectNavigation-next Icon Icon--extended" href="project-14.html" data-controller='[{"asyncPageLoad": {"selector": ".js-asyncLoad"}}]'><img src="icons/black/icon_arrow_nav_next.svg" class="Icon-img" alt=""><span class="Icon-text Icon-text--is-hidden">Next</span></a>
<a class="ProjectNavigation-previous Icon Icon--extended" href="project-12.html" data-controller='[{"asyncPageLoad": {"selector": ".js-asyncLoad"}}]'><img src="icons/black/icon_arrow_nav_prev.svg" class="Icon-img" alt=""><span class="Icon-text Icon-text--is-hidden">Previous</span></a>
<span class="ProjectNavigation-index">13 / 16</span>
<div class="ProjectNavigation-current">
<h1 class="ProjectNavigation-title">Tibco - Spotfire</h1>
<a href="#" class="ProjectNavigation-infoLink Icon Icon--extended" data-controller='[{"toggler": {"selector": ".js-Info", "className": "Overlay--is-active", "clickElActiveClass": "ProjectNavigation-infoLink--is-selected", "deeplink": "info"}}]'>
<img src="icons/black/icon_info.svg" class="Icon-img" alt=""><span class="Icon-text Icon-text--is-hidden">Info</span>
</a>
</div>
</div>
</header>
<div class="OffCanvas js-OffCanvas u-off-canvas-transition">
<section class="Page">
<div class="Page-inner">
<div class="ContentBlock ContentBlock--small u-text-center">
<img src="/images/portfolio/robertlindin.jpg" alt="Me, posing" class="ContentBlock-image">
<small class="ContentBlock-caption">Robert Lindin.</small>
</div>
<div class="ContentBlock ContentBlock--big">
<h1 class="Page-header">What I do</h1>
<p class="Page-text">Passionate and visionary designer with the ability to see beyond conventions. Focuses on- and creates design for the actual needs, leading to measurable results. I am driven by the desire to implement projects with optimal execution and with maximum effect create genuine value.</p>
<p class="Page-text">I write HTML & CSS to make my designs come alive as digital products and services. And work together with skilled developers for implementation of advanced JavaScript and server-side technology.</p>
</div>
<div class="ContentBlock ContentBlock--small">
<h2 class="Page-subHheader">Cost</h2>
<span class="Page-popText">850 SEK / h</span>
<p class="Page-altText">I also offer per project pricing.</p>
<p class="Page-altText">Check out my <abbr title="Curriculum Vitae">CV</abbr> at <script type="IN/MemberProfile" data-id="https://www.linkedin.com/in/robertlindin" data-format="hover" data-text="Robert Lindin" data-related="false"></script></p>
</div>
</div>
</section>
</div>
<section class="Overlay js-Info js-asyncLoad">
<div class="Page Page--full u-centerVertical"><div class="Page-container u-centerVerticalInner"> <h2 class="Page-header Page-header--alt">Data Vizualization Concept</h2>
<p class="Page-text">Exploration of a new type of interface and design for Tibco Spotfire, a web-based lightweight cloud-based software focused on data visualization and presentation.</p>
<div class="Page-projectLink">
<a href="http://spotfire.tibco.com/" class="Page-blockLink--frame">Tibco Spotfire Website</a>
</div>
<h3 class="Page-subHeader">Tags</h3>
<ul class="List">
<li class="List-item List-item--inline"><a href="" class="Tag">Interaction Design</a></li>
<li class="List-item List-item--inline"><a href="" class="Tag">User Interface Design</a></li>
<li class="List-item List-item--inline"><a href="" class="Tag">Web Design</a></li>
<li class="List-item List-item--inline"><a href="" class="Tag">Visualization</a></li>
</ul>
</div>
</div>
<button class="CloseBtn CloseBtn--top Icon" data-controller='[{"toggler": {"selector": ".js-Info", "className": "Overlay--is-active", "deeplink": "info"}}]'><img src="icons/black/icon_close.svg" class="Icon-img" alt=""><span class="Icon-text Icon-text--is-hidden">Close</span></button>
</section>
<main class="Content js-content u-off-canvas-transition u-posRel u-fullHeight js-asyncLoad">
<ul class="Slider" data-controller='[{"slider": {}}]'>
<li class="Slider-item Slider-item--is-selected">
<img src="/images/portfolio/tibco/tibco-spotfire-01.jpg" alt="Slide 1" class="Slider-image">
</li>
</ul>
</main>
<footer class="Bar Bar--bottom u-off-canvas-transition js-Bar--bottom">
<a href="#" class="Bar-link js-contactLink Icon" data-controller='[{"offCanvas": {"type": "bottom", "allow-reinit": true, "deeplink": "contact"}}]'><img src="icons/black/icon_arrow_next.svg" class="Icon-img Icon-right" alt=""><img src="icons/black/icon_arrow_down.svg" class="Icon-img Icon-down" alt=""><span class="Icon-text">Contact Me</span></a>
</footer>
<div class="OffCanvas OffCanvas--bottom js-OffCanvas--bottom u-off-canvas-transition">
<section class="Page Page--bottom">
<div class="Page-inner" itemtype="http://microformats.org/profile/h-card" itemscope>
<div class="ContentBlock">
<h2 class="Page-subHeader">Send message</h2>
<form id="Send-message" method="post" action="mailto:robert.lindin@gmail.com">
<input type="text" placeholder="Name" id="Name" autocomplete="on">
<input type="email" placeholder="Email *" id="Email-address" autocomplete="on" required>
<textarea placeholder="Message …" id="Message"></textarea>
<button type="submit">Send</button>
</form>
</div>
<div class="ContentBlock ContentBlock--small">
<h2 class="Page-subHeader">Email</h2>
<p itemprop="email"><a href="mailto:robert.lindin@gmail.com">robert.lindin@gmail.com</a></p>
<h2 class="Page-subHeader">Phone</h2>
<p itemprop="phone"><a href="tel:+46706031019">+ 46 (0) 70 - 603 10 19</a></p>
</div>
<div class="ContentBlock ContentBlock--small">
<h2 class="Page-subHeader">Address</h2>
<p class="Address">
<span class="Address-name" itemprop="name">Robert Lindin</span>
<span class="Address-street" itemprop="street-address">Krukmakargatan 34</span>
<span class="Address-postal">
<span itemprop="postal-code">118 51</span>
<span itemprop="locality">Stockholm</span>
</span>
<span class="Address-country" itemprop="country-name">Sweden</span>
</p>
<a href="https://goo.gl/maps/xWjPA">Show map</a>
</div>
<div class="ContentBlock ContentBlock--small">
<h2 class="Page-subHeader">Social</h2>
<div class="fb-like" data-href="http://www.robertlindin.com" data-width="100%" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>
<div class="Twitter--follow">
<a href="https://twitter.com/robertlindin" class="twitter-follow-button" data-show-count="false">Follow @robertlindin</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="LinkedIn--profile">
<script type="IN/MemberProfile" data-id="https://www.linkedin.com/in/robertlindin" data-format="hover" data-text="Robert Lindin" data-related="false"></script>
</div>
</div>
</div>
</section>
</div>
</div>
<script src="javascripts/application.js" type="text/javascript"></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=223572841110412&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
</body>
</html>