1<!DOCTYPE html> 2<html dir="ltr" lang="en-US"> 3<head> 4 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <meta name="author" content="SemiColonWeb" /> 7 8 <!-- Stylesheets 9 ============================================= --> 10 <link href="http://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" /> 11 <link rel="stylesheet" href="css/bootstrap.css" type="text/css" /> 12 <link rel="stylesheet" href="style.css" type="text/css" /> 13 <link rel="stylesheet" href="css/swiper.css" type="text/css" /> 14 <link rel="stylesheet" href="css/dark.css" type="text/css" /> 15 <link rel="stylesheet" href="css/font-icons.css" type="text/css" /> 16 <link rel="stylesheet" href="css/animate.css" type="text/css" /> 17 <link rel="stylesheet" href="css/magnific-popup.css" type="text/css" /> 18 19 <link rel="stylesheet" href="css/responsive.css" type="text/css" /> 20 <meta name="viewport" content="width=device-width, initial-scale=1" /> 21 22 <!-- Document Title 23 ============================================= --> 24 <title>Trope by Brian Eno and Peter Chilvers | GenerativeMusic.com</title> 25 26 27</head> 28 29<body class="stretched no-transition"> 30 31 <!-- Document Wrapper 32 ============================================= --> 33 <div id="wrapper" class="clearfix"> 34 35 <!-- Header 36 ============================================= --> 37 <header id="header" class="dark"> 38 39 <div class="container clearfix"> 40 41 <div id="primary-menu-trigger"><i class="icon-reorder"></i></div> 42 43 <!-- Logo 44 ============================================= --> 45 <div id="logo"> 46 <a href="index.html" class="standard-logo" data-dark-logo="images/gm_logo-dark.png"><img src="images/gm_logo.png" alt="Canvas Logo"></a> 47 <a href="index.html" class="retina-logo" data-dark-logo="images/[email protected]"><img src="images/[email protected]" alt="Canvas Logo"></a> 48 </div><!-- #logo end --> 49 50 <!-- Primary Navigation 51 ============================================= --> 52 <nav id="primary-menu" class="dark"> 53 54 <ul> 55 <li class="current"><a href="index.html"><div>Apps</div></a> 56 <ul> 57 <li><a href="bloom10worlds.html"><div>Bloom: 10 Worlds</div></a> 58 </li> 59 <li><a href="bloom.html"><div>Bloom</div></a> 60 </li> 61 <li><a href="trope.html"><div>Trope</div></a> 62 </li> 63 <li><a href="scape.html"><div>Scape</div></a> 64 </li> 65 <li><a href="reflection.html"><div>Reflection</div></a> 66 </li> 67 <li><a href="air.html"><div>Air</div></a> 68 </li> 69 <li><a href="quarta.html"><div>Quarta</div></a> 70 </li> 71 </ul> 72 73 </li> 74 <li class="current"><a href="support.html"><div>Support</div></a> 75 <li class="current"><a href="connect.html"><div>Connect</div></a> 76 </li> 77 </ul> 78 </nav><!-- #primary-menu end --> 79 80 </div> 81 82 83 </header><!-- #header end --> 84 85 <div class="clear"></div> 86 87 <!-- Content 88 ============================================= --> 89 <section id="content"> 90 91 <div class="content-wrap"> 92 93 <div class="container clearfix"> 94 95 <div id="section-app" class="page-section bottommargin"> 96 <div class="row clearfix"> 97 98 <div class="col-md-6 center "> 99 <img src="images/gm_icons/trope.png" alt="Trope"> 100 </div> 101 102 <div class="col-md-6 center"> 103 <div class="topmargin hidden-xs hidden-sm"></div> 104 <div class="emphasis-title nomargin"> 105 <h2 style="font-size: 24px;" class="font-body ls1 t400">Trope</h2> 106 </div> 107 <p style="color: #777;" class="lead">Available for iPhone and iPad.</p> 108 <a href="https://itunes.apple.com/gb/app/trope/id312164495?mt=8" style="display:inline-block;overflow:hidden;background:url(images/gm_buttons/download_from_appstore.svg) no-repeat;width:135px;height:40px;background-size:contain;"></a> 109 </div> 110 111 </div> 112 </div> 113 114 115 <div id="section-nextgen" class="page-section bottommargin"> 116 <div class="row clearfix"> 117 <div class="col_half center"> 118 <img src="images/gm_images/trope_combi_400.jpg" alt="Trope"> 119 </div> 120 121 <div class="col_last"> 122 <p style="color: #555;" class="font-body">
122Trope, designed by ambient pioneer Brian Eno and musician / software designer Peter Chilvers, expands further on the ideas introduced by Bloom, their acclaimed iPhone application. Darker in tone, Trope immerses users in endlessly evolving soundscapes created by tracing abstract shapes onto the screen, varying the tone with each movement.</p> 123 <p>Recommended for headphones or external speakers.</p> 124 <div class="testi-content"> 125 <p>Trope is a different emotional experience from Bloom - more introspective, more atmospheric. It shows that generative music, as one of the newest forms of sonema, can draw on a broad palette of moods.</p> 126 <div class="testi-meta"> 127 Brian Eno 128 </div> 129 </div> 130 </div> 131 </div> 132 </div> 133 134 <div id="section-nextgen" class="page-section bottommargin"> 135 <div class="row clearfix"> 136 137 <div class="col_full center"> 138 <div class="testi-content"> 139 <p>Serene, relaxing and oddly fascinating.</p> 140 <div class="testi-meta"> 141 TechNewsWorld 142 </div> 143 </div> 144 </div> 145 146 147 </div> 148 </div> 149 150 <div id="section-video" class="page-section"> 151 <div class="row clearfix"> 152 153 <div class="col_full"> 154 <iframe width="560" height="315" src="https://www.youtube.com/embed/HI1raqxrUdk" frameborder="0" allowfullscreen></iframe> 155 </div> 156 157 </div> 158 </div> 159 160 161 </div><!-- #clearfix end --> 162 163 164 </div> 165 166 </section><!-- #content end --> 167 168 <!-- Footer 169 ============================================= --> 170 <footer id="footer" class="dark notopborder"> 171 172 <!-- Copyrights 173 ============================================= --> 174 <div id="copyrights"> 175 176 <div class="container center uppercase clearfix"> 177 178 Copyrights © 2017 All Rights Reserved by GenerativeMusic.com 179 180 </div> 181 182 </div><!-- #copyrights end --> 183 184 </footer><!-- #footer end --> 185 186 </div><!-- #wrapper end --> 187 188 <!-- Go To Top 189 ============================================= --> 190 <div id="gotoTop" class="icon-angle-up"></div> 191 192 <!-- External JavaScripts 193 ============================================= --> 194
194<script type="text/javascript" src="js/jquery.js"></script>
194 195
195<script type="text/javascript" src="js/plugins.js"></script>
195 196 197 <!-- Footer Scripts 198 ============================================= --> 199
199<script type="text/javascript" src="js/functions.js"></script>
199 200</body> 201</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.