1<!DOCTYPE html> 2<html lang="en" class="no-js"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no"> 7 <meta name="HandheldFriendly" content="true" /> 8 9 <meta name="author" itemprop="name" content="Fred Fahlke"> 10 <meta property="og:type" content='website' /> 11 <meta name="url" property="og:url" content="http://www.fredfahlke.com/" /> 12 <meta name="description" property="og:description" itemprop="description" content="Fred Fahlke is a product and brand designer, born in Germany, currently based in California"> 13 <meta itemprop="image" property="og:image" content="/img/root/apple-touch-icon.png"> 14 <meta name="keyword" content="fred, frederik. fred fahlke, frederik fahlke, designer, product designer, brand designer, ui, ux, nest, google, san francisco, bay area, hamburg"> 15 <meta name="robots" content="index,follow,archive"> 16 17 18 19 <link rel="canonical" href="http://www.fredfahlke.com/"> <!-- CHANGE ME --> 20 21 <link rel="dns-prefetch" href="//www.google-analytics.com"> 22 <link rel="dns-prefetch" href="//ajax.googleapis.com"> 23 <link rel="dns-prefetch" href="//fonts.googleapis.com"> 24 <link rel="preconnect" href="//fonts.googleapis.com"> 25 26 <title> 27 Fred Fahlke 28 </title> 29 30 <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet" type="text/css"> 31 32 <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css"/> 33 <link rel="stylesheet" href="/css/style.css" type="text/css"> 34
34<script src="/js/libs/modernizr.min.js" async></script>
34 35 36 <link rel="author" href="humans.txt"> 37 38 <link rel="shortcut icon" href="/img/root/favicon.ico"> 39 <link rel="apple-touch-icon-precomposed" href="/img/root/apple-touch-icon-precomposed.png"> 40 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/root/apple-touch-icon-57x57-precomposed.png"> 41 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/root/apple-touch-icon-72x72-precomposed.png"> 42 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/root/apple-touch-icon-114x114-precomposed.png"> 43 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/root/apple-touch-icon-144x144-precomposed.png"> 44 45</head> 46 47 48<body id="ff" class="home"> 49 50 <div class="container page-container ph3 ph4-l animated fadeIn"> 51 52 <header id="page-header" role="banner" class="pv6 cf"> 53 <a href="/" title="Fred Fahlke" itemprop="url"> 54 <h1 class="fl"> 55 <svg id="fred" width="68" height="20" viewBox="0 0 68 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M.085 0h67.331v19.91H.085z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M50.554 19.91h7.036c6.032 0 9.826-3.892 9.826-9.954C67.416 3.892 63.622 0 57.59 0h-7.036v19.91zm4.117-3.665V3.632h2.757c3.795 0 5.869 2.431 5.869 6.324 0 3.858-2.074 6.29-5.87 6.29h-2.756zM33.836 0v19.91h13.52v-3.664h-9.434v-4.734h8.56V7.977h-8.56V3.632h9.435V0h-13.52zM19.975 3.535H23.8c2.076 0 3.147 1.103 3.147 2.789 0 1.653-1.071 2.756-3.147 2.756h-3.825V3.535zm2.173 8.95l4.928 7.425h4.669l-5.253-7.717c2.79-.681 4.54-2.692 4.54-5.87C31.032 2.238 28.243 0 24.06 0h-8.203v19.91h4.118v-7.426h2.173zM4.203 19.91v-7.62h8.462v-3.6H4.203V3.632h9.144V0H.085v19.91h4.118z" fill="#1C1C1C" mask="url(#b)" /></g></svg> 56 </h1> 57 </a> 58 <nav class="fr"> 59 <a class="text-large text-dark" href="/about.html" title="About Fred" itemprop="url">About</a> 60 </nav> 61 </header> 62 63 <div id="main" class="container" role="main"> 64 65 <ul class="projects list cf"> 66 <li class="project-unit fl w-100 w-50-ns pr1-ns pr2-l pb3 pb3-l"> 67 <a href="/instagram.html" class="db absolute--fill" title="Instagram" itemprop="url"> 68 <img src="img/projects/instagram/instagram_thumb.jpg" alt="Instagram"> 69 <figcaption> 70 Instagram 71 <span>Product Design</span> 72 </figcaption> 73 </a> 74 </li> 75 <li class="project-unit fl w-100 w-50-ns pl1-ns pl2-l pb3 pb3-l"> 76 <a href="/nest.html" class="db absolute--fill" title="Nest" itemprop="url"> 77 <img src="img/projects/nest/nest_thumb.jpg" alt="Subusake"> 78 <figcaption> 79 Nest 80 <span>Interactive Art Director</span> 81 </figcaption> 82 </a> 83 </li> 84 <li class="project-unit fl w-100 w-50-ns pr1-ns pr2-l pb3 pb3-l"> 85 <a href="/linear.html" class="db absolute--fill" title="Linear" itemprop="url"> 86 <img src="img/projects/linear/linear_thumb.jpg" alt="Linear"> 87 <figcaption> 88 Linear 89 <span>Augmented Reality Boardgame</span> 90 </figcaption> 91 </a> 92 </li> 93 <li class="project-unit fl w-100 w-50-ns pl1-ns pl2-l pb3 pb3-l"> 94 <a href="/memory.html" class="db absolute--fill" title="Memory" itemprop="url"> 95 <img src="img/projects/memory/memory_thumb.jpg" alt="Memory"> 96 <figcaption> 97 Memory 98 <span>Personal Big Data</span> 99 </figcaption> 100 </a> 101 </li> 102 <li class="project-unit fl w-100 w-50-ns pr1-ns pr2-l pb3 pb3-l"> 103 <a href="/subusake.html" class="db absolute--fill" title="Subusake" itemprop="url"> 104 <img src="img/projects/subusake/subusake_thumb.jpg" alt="Subusake"> 105 <figcaption> 106 Subusake 107 <span>Branding, UI/UX, Packaging, Art Direction</span> 108 </figcaption> 109 </a> 110 </li> 111 <li class="project-unit fl w-100 w-50-ns pl1-ns pl2-l pb3 pb3-l"> 112 <a href="/dragdrop.html" class="db absolute--fill" title="Drag Drop" itemprop="url"> 113 <img src="img/projects/dragdrop/dragdrop_thumb.jpg" alt="Drag Drop">
114 <figcaption> 115 Drag Drop 116 <span>Educational Gaming for Kids</span> 117 </figcaption> 118 </a> 119 </li> 120 <li class="project-unit fl w-100 w-50-ns pr1-ns pr2-l pb3 pb3-l"> 121 <a href="/klingding.html" class="db absolute--fill" title="KlingDing" itemprop="url"> 122 <img src="img/projects/klingding/klingding_thumb.jpg" alt="KlingDing"> 123 <figcaption> 124 KlingDing 125 <span>Interactive Music Installation</span> 126 </figcaption> 127 </a> 128 </li> 129 <li class="project-unit fl w-100 w-50-ns pl1-ns pl2-l pb3 pb3-l"> 130 <a href="/google-beyond.html" class="db absolute--fill" title="Google Beyond" itemprop="url"> 131 <img src="img/projects/google-beyond/googlebeyond_thumb.jpg" alt="Google Beyond"> 132 <figcaption> 133 Google Beyond 134 <span>Project Subtitle</span> 135 </figcaption> 136 </a> 137 </li> 138 139 </u> 140 </div> 141 142 <footer id="main-footer" role="contentinfo" class="pv6"> 143 <small class="db tl mt2 text-small text-faded">© 2020 Fred Fahlke. TEST01 All rights reserved.</small> 144 </footer> 145 146 </div> 147 148 149
149<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
149 150
150<script>window.jQuery || document.write('
150<script src="/js/libs/jquery-2.1.1.min.js"><\/script>')</script>
150 151
151<script>
vendor: 349 bytes, lines 151-157
151 152 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 153 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 154 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 155 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 156 157 ga('create', '
157UA-000000-00
vendor: 42 bytes, lines 157-159
157', 'auto'); 158 ga('send', 'pageview'); 159
159</script>
159 160 161 </body> 162</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.