1<!DOCTYPE html> 2<html> 3<title>Fofumia Game</title> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1"> 6<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 7<link rel="stylesheet" href="css/w3.css"> 8<link rel="stylesheet" href="css/style.css"> 9 10 11<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 12 13<meta property="og:url" content="http://windpeaks.com" /> 14<meta property="og:type" content="website" /> 15<meta property="og:title" content="Wind Peaks game" /> 16<meta property="og:description" content="Hidden Object Adventure Game by @ActoonStudio" /> 17<meta property="og:image" content="http://windpeaks.com/img/windpeaks/formobile.jpg" /> 18 19<head> 20 21<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 21-22
21 22<script async src="https://www.googletagmanager.com/gtag/js?id=
22AW-16628655889
vendor: 13 bytes, lines 22-23
22"> 23</script>
24<script> 25
vendor: 134 bytes, lines 25-29
25window.dataLayer = window.dataLayer || []; 26 function gtag(){dataLayer.push(arguments);} 27 gtag('js', new Date()); 28 29 gtag('config', '
29AW-16628655889
vendor: 4 bytes, line 29
29');
30</script>
30 31 32 33<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 33-34
33 34<script async src="https://www.googletagmanager.com/gtag/js?id=
34G-W9K59B26ZY
vendor: 12 bytes, line 34
34"></script>
35<script> 36
vendor: 134 bytes, lines 36-40
36window.dataLayer = window.dataLayer || []; 37 function gtag(){dataLayer.push(arguments);} 38 gtag('js', new Date()); 39 40 gtag('config', '
40G-W9K59B26ZY
vendor: 4 bytes, line 40
40');
41</script>
41 42 43 44<!-- Meta Pixel Code -->
45<script>
vendor: 399 bytes, lines 45-54
45 46!function(f,b,e,v,n,t,s) 47{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 48n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 49if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 50n.queue=[];t=b.createElement(e);t.async=!0; 51t.src=v;s=b.getElementsByTagName(e)[0]; 52s.parentNode.insertBefore(t,s)}(window, document,'script', 53'https://connect.facebook.net/en_US/fbevents.js'); 54fbq('init', '
54399144284183981
vendor: 30 bytes, lines 54-55
54'); 55fbq('track', 'PageView');
56</script>
56 57<noscript><img height="1" width="1" style="display:none" 58src="https://www.facebook.com/tr?id=399144284183981&ev=PageView&noscript=1" 59/></noscript> 60<!-- End Meta Pixel Code --> 61 62</head> 63 64 65<div class="w3-hide-large"> 66 67<a class="w3-padding" href="http://actoonstudio.com"><img style="width:100%; max-width:120px;" src="img/logoblack.png" title="Actoon Studio" alt="Actoon Studio"/></a> 68<a class="w3-padding-large w3-right w3-hover-red" style="background-color: #ad6058; color: #e7dcbf;" href="http://actoonstudio.com">More games</a> 69 70</div> 71 72<div class="w3-display-container w3-hide-small w3-hide-medium"> 73 <a class="w3-display-topleft w3-padding" href="http://actoonstudio.com"><img style="width:100%; max-width:150px;" src="img/logoblack.png" title="Actoon Studio" alt="Actoon Studio"/></a> 74</div> 75 76<!-- Container (About Section) --> 77<main class="w3-content w3-row w3-container" id="about" style="max-width:1000px; width:100%;"> 78 79 80 <div class="" style="width:100%; background:url(img/windpeaks/BG_cover_video.jpg);"> 81 <div class="w3-show" style="text-aling:center; width:100%; max-width:1200px; margin:0 auto;"> 82 <div class="videoWrapper"> 83 <iframe src="https://www.youtube.com/embed/Q2dZQnjogkE?si=kHJPdWYYioFkd7T3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> 84 85 </div> 86 </div> 87 </div> 88 89 90<div class="w3-hide-small" style="margin-top:20px; width:100%; height: 50px; background:url(img/fofumia/graph1.png); background-repeat: repeat-x; background-position: top left;"></div> 91 92 <div class="w3-hide-medium w3-hide-small w3-center w3-padding-16"> 93 <iframe src="https://store.steampowered.com/widget/3459570/" frameborder="0" width="970" height="190"></iframe> 94 </div> 95 <div class="w3-hide-large w3-hide-medium w3-center w3-padding-16"> 96 <iframe src="https://store.steampowered.com/widget/3459570/" frameborder="0" width="330" height="220"></iframe> 97 </div> 98 <div class="w3-hide-large w3-hide-small w3-center w3-padding-16"> 99 <iframe src="https://store.steampowered.com/widget/3459570/" frameborder="0" width="540" height="190"></iframe> 100 </div> 101 102<!--section class="w3-row"> 103 <div class="w3-col l8 m12 s12 w3-left-align w3-padding-top"> 104 <iframe src="https://store.steampowered.com/widget/1348920/" frameborder="0" class="" width="500" height="200"></iframe> 105 </div> 106 107 <div class="w3-text-alig"> 108 <img src="img/fofumia/logo.png"> 109 </div> 110 111 <div class="w3-col l4 m12 s10 w3-right-align" style="margin-bottom: 25px; "> 112 <h1><b>
112Fofumia</b><br><span class="w3-opacity subtitulo">Hyperactive one-eyed kittens</span></h1> 113 <div class="w3-xxlarge w3-section w3-hide-small w3-opacity"> 114 <a href="https://twitter.com/windpeaks/" target="_blank" class="w3-cell-middle"><i class="fa fa-twitter" aria-hidden="true"></i></a> 115 <a href="https://www.instagram.com/windpeaksgame/" target="_blank" class="w3-margin-left w3-margin-right w3-cell-middle"><i class="fa fa-instagram" aria-hidden="true"></i></a> 116 <a class="w3-large w3-padding w3-round w3-text-white w3-hover-red w3-cell-middle" style="background-color:#d5b995;" href="Press/index.html">PressKit</a> 117 </div> 118 </div> 119 120</section--> 121 122<section class="w3-row"> 123 124 125 <div class="w3-col l5 m4 s12 w3-hide-small w3-padding"> 126 <img src="img/fofumia/person03.png" style="width: 100%;"></div> 127 <!-- Hide this text on small devices --> 128 <div class="w3-col l7 m8 s12 w3-padding"> 129 130 <!--div class="w3-round w3-card w3-hide-small w3-hide-medium" style="height: 100px; margin-bottom: 30px; background: url(img/update_2024.jpg) no-repeat top right 100%;"> 131 <p class="w3-amber w3-padding-small w3-right"><b>Last Update 2024</b></p> 132 </div--> 133 134 <h4><b>Welcome to Fofumia! </b></h4> 135 <p>Fofumia is a cozy and adorable puzzle game where your challenge is to tidy up the mess made by your Fofuno while completing various small tasks. </p> 136 <p>But thatâs not all... your Fofuno also needs care! Feed, play, and shower them with affection as you organize the rooms.</p> 137 138 <div class="w3-row"> 139 <div class="w3-half w3-padding"> 140 <p><img class="iten" src="img/fofumia/Iten1.png"><br><b>Sep 2 2026 - Steam</b></p><!--br><Out 27 2021 - PS & Xbox<br>Mar 03 2021 - Nintendo<br>Jul 29 2020 - Steam</b></p--> 141 <p><img class="iten" src="img/fofumia/Iten2.png"><br> 142 <b><img style="display: inline-block;" src="img/fofumia/dot.png"> PC Windows</b><br> 143 <!--b><img style="display: inline-block;" src="img/fofumia/dot.png"> Google Play</b><br> 144 <b><img style="display: inline-block;" src="img/fofumia/dot.png"> Nintendo Switch</b><br> 145 <b><img style="display: inline-block;" src="img/fofumia/dot.png"> Xbox ONE</b><br> 146 <b><img style="display: inline-block;" src="img/fofumia/dot.png"> Playstation</b></p--> 147 <p><img class="iten" src="img/fofumia/Iten3.png"><br><img style="display: inline-block;" src="img/fofumia/dot.png"> <b>Hidden Object/ Puzzle</b></p> 148 </div> 149 <div class="w3-half w3-padding"> 150 <p><img class="iten" src="img/fofumia/Iten4.png"></b><br> 151 <img style="display: inline-block;" src="img/fofumia/dot.png"> <b>Main campaign with 13 levels in different locations all over the world</b><br> 152 <img style="display: inline-block;" src="img/fofumia/dot.png"> <b>600 items to organize</b><br> 153 <img style="display: inline-block;" src="img/fofumia/dot.png"> <b>Each level a short story</b><br> 154 <img style="display: inline-block;" src="img/fofumia/dot.png"> <b>Charming illustration</b><br> 155 </div> 156 </div> 157 158 159 </div> 160 161 162 163</section> 164<div style="margin-bottom:30px; width:100%; height: 50px; background:url(img/fofumia/graph1.png); background-repeat: repeat-x; background-position: top left;">.</div> 165 166 <section class="w3-row" > 167 <div class="w3-col l6 m6 s12 w3-padding"> 168 <img src="img/fofumia/person04.png" style="max-width:550px; width:100%; float:right;"> 169 </div> 170 <div class="w3-col l6 m6 s12 w3-padding"> 171 172 <img class="iten" src="img/fofumia/Iten5.png"> 173 <p>Move the items and match them to their silhouettes, but donât forget the Fofunos! They also need your attention. Sometimes theyâre affectionate, sometimes hyperactive, or they simply love to get in the way while you're cleaning.Enjoy these lovable little creatures as you explore and organize a variety of space
173s in a relaxing puzzle game with a touch of chaos.</p><img src="img/fofumia/Joking_1.gif"> 174 <p><b><img style="display: inline-block;" src="img/fofumia/dot.png"> No death / violence</b><br><b><img style="display: inline-block;" src="img/fofumia/dot.png"> No hyper-realism / last-gen graphics</b><br><b><img style="display: inline-block;" src="img/fofumia/dot.png"> No procedural worlds</b><br></p> 175 </div> 176 </section> 177 178 <section class="w3-container w3-center"> 179 <div class="w3-padding"> 180 <img class="iten" src="img/fofumia/Iten6.png"> 181 </div> 182 <br> 183 <div class="w3-row"> 184 185 <div class="w3-col l6 m6 s12"> 186 <img src="img/fofumia/screen/1.jpg" onclick="onClick(this)" class="w3-hover-opacity imagescreen" alt=""/> 187 <img src="img/fofumia/screen/2.jpg" onclick="onClick(this)" class="w3-hover-opacity imagescreen" alt=""/> 188 <img src="img/fofumia/screen/3.jpg" onclick="onClick(this)" class="w3-hover-opacity imagescreen" alt=""/> 189 <img src="img/fofumia/screen/4.jpg" onclick="onClick(this)" class="w3-hover-opacity imagescreen" alt=""/> 190 <img src="img/fofumia/screen/5.jpg" onclick="onClick(this)" class="w3-hover-opacity imagescreen" alt=""/> 191 </div> 192 <div class="w3-col l6 m6 s12"> 193 <img src="img/fofumia/screen/6.jpg" onclick="onClick(this)" class="w3-hover-opacity imagescreen" alt=""/> 194 <img src="img/fofumia/screen/7.jpg" onclick="onClick(this)" class="w3-hover-opacity imagescreen" alt=""/> 195 <img src="img/fofumia/screen/8.jpg" onclick="onClick(this)" class="w3-hover-opacity imagescreen" alt=""/> 196 <img src="img/fofumia/screen/9.jpg" onclick="onClick(this)" class="w3-hover-opacity imagescreen" alt=""/> 197 <img src="img/fofumia/screen/10.jpg" onclick="onClick(this)" class="w3-hover-opacity imagescreen" alt=""/> 198 </div> 199 </div> 200 <img src="img/ESRB.jpg" class="w3-margin-top" style="width: 80px;"> 201 </section> 202 203 204 <!-- Modal for full size images on click--> 205 <div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'"> 206 <span class="w3-button w3-large w3-black w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span> 207 <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64"> 208 <img id="img01" class="w3-image"> 209 <p id="caption" class="w3-opacity w3-large"></p> 210 </div> 211 </div> 212 213</main> 214 215<!-- Footer --> 216<footer class="w3-center " style=" text-align:center; margin:0; padding:250px 0px 50px 0px; background:url(img/fofumia/bgmail.png); background-repeat: no-repeat; background-size: cover;"> 217 218 <div><!--h3><br>Join the mailing list!</h3></div><br--> 219 <!--form id="signup-form" method="POST" autocomplete="on" class="sub-form"> 220 <div class="form-inline" style="max-width:400px; width:100%; display: inline-block; margin:12px auto;"> 221 <input class="w3-input" type="email" name="contactEmail" placeholder="E-mail" aria-describedby="basic-addon1" required style="border-radius: 50px; max-width:300px;"> 222 <button href="#" value="Submit" name="Submit" class="w3-btn btnlarge w3-hide-small w3-hide-medium" style="border-radius: 50px; background-color:#946161; color:black;">Newsletter</button> 223 <button href="#" value="Submit" name="Submit" class="w3-btn btnsmall w3-hide-large" style="border-radius: 50px; background-color:#946161; color:black;">Newsletter</button--> 224 225 <!-- TODO format o icone de enviando --> 226 <div id="signup-loader" class="w3-right" style="display:none;"> 227 <div class="" >Sending...<i class="fa fa-spinner loader" aria-hidden="true"></i></div> 228 </div> 229 <div id="signup-success" class="w3-green w3-text-white w3-center w3-animate-opacity w2-padding" style="display:none;"><p>Thanks for subscribe!</p></div> 230 <div id="signup-warning" class="w3-red
230w3-text-white w3-center w3-animate-opacity w2-padding" style="display:none;"></div> 231 </div> 232 233 <!--************************PRESS********************************--> 234 <!--p><a href="press.html" target="_blank">Wind Peaks [ Press release ]</a></p--> 235 </form> 236 237 <section class="w3-center;"> 238 <a href="http://actoonstudio.com"><img style="width:100%; max-width:280px; padding-top:50px;" src="img/logoblack.png" title="Actoon Studio" alt="Actoon Studio"/></a><br> 239 <div class="w3-bar menufooter"> 240 <span class="w3-padding"><a href="https://actoonstudio.com/privacy_policy_A.html" title="Privacy Policy" target="_blank">Privacy Policy</a></span> 241 <span class="w3-padding"><a href="mailto:[email protected]" title="Contact">Contact</a></span> 242 <span class="w3-padding"><a target="_Blank" href="Press/index.html" title="Contact">PressKit</a></span> 243 </div> 244 <div class="w3-xxlarge w3-section w3-text-gray"> 245 <a href="https://www.facebook.com/actoonstudio/" target="_blank" class="w3-padding"><i class="fa fa-facebook" aria-hidden="true"></i></a> 246 <a href="https://twitter.com/actoonstudio" target="_blank" class="w3-padding"><i class="fa fa-twitter" aria-hidden="true"></i></a> 247 <a href="https://www.instagram.com/actoonstudio/" target="_blank" class="w3-padding"><i class="fa fa-instagram" aria-hidden="true"></i></a> 248 </div> 249 </section> 250 251 <p style="color:#46321e;">2026 - Actoon Studio ® </p> 252</footer> 253
254<script> 255// Modal Image Gallery 256function onClick(element) { 257 document.getElementById("img01").src = element.src; 258 document.getElementById("modal01").style.display = "block"; 259 var captionText = document.getElementById("caption"); 260 captionText.innerHTML = element.alt; 261} 262 263</script>
263 264
265<script> 266 document.getElementById('ClickNintendo').addEventListener('click', function() { 267 gtag('event', 'Click_Nintendo', { 268 'event_category': 'Link', 269 'event_label': 'click no link Nintendo' 270 }); 271 }); 272 273 document.getElementById('ClickXbox').addEventListener('click', function() { 274 gtag('event', 'Click_Xbox', { 275 'event_category': 'Link', 276 'event_label': 'click no link Xbox' 277 }); 278 }); 279 280 document.getElementById('ClickSteam').addEventListener('click', function() { 281 gtag('event', 'Click_Steam', { 282 'event_category': 'Link', 283 'event_label': 'click no link Steam' 284 }); 285 }); 286 287 document.getElementById('ClickPS').addEventListener('click', function() { 288 gtag('event', 'Click_PS', { 289 'event_category': 'Link', 290 'event_label': 'click no link PS' 291 }); 292 }); 293 294 295</script>
295 296 297 298 299<!--script src="js/main.js"></script--> 300 301</body> 302</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.