-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
2 lines (2 loc) · 16.1 KB
/
index.html
1
2
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title>SpinOpel | Programmer - DIY Specialist - Musician - Gamer</title><meta name="twitter:description" content="Official personalized website of SpinOpel. Interests, hobbies, links to social media are listed. The latest projects and events. Download my app for Android."><meta name="description" content="Official personalized website of SpinOpel. Interests, hobbies, links to social media are listed. The latest projects and events. Download my app for Android."><meta property="og:image" content="https://spinopel.top/assets/img/og-image-spinopel.png"><meta name="twitter:card" content="summary"><meta property="og:type" content="website"><meta name="twitter:image" content="https://spinopel.top/assets/img/x-card-spinopel.png"><meta name="twitter:title" content="SpinOpel | Programmer - DIY specialist - Musician - Gamer"><meta name="keywords" content="content creator,hobbyist,indieweb,computer gamer,making music,open source code,electronics"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/assets/img/apple-touch-icon.png?h=c4656a100f86877a806bde82265bc6e7"><link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png?h=8cbe45994291701a0d92cdc950890dff"><link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png?h=add47d8e7bbf8a81eba19d8209117f2f"><link rel="icon" type="image/png" sizes="180x180" href="/assets/img/apple-touch-icon.png?h=c4656a100f86877a806bde82265bc6e7"><link rel="icon" type="image/png" sizes="192x192" href="/assets/img/android-chrome-192x192.png?h=34712c55a764d95a85c157742a84d3c7"><link rel="icon" type="image/png" sizes="512x512" href="/assets/img/android-chrome-512x512.png?h=9ff0b731160d712e7e180503b42d48d0"><link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css?h=4f67c929f520ad917c5591acee6fd0e3"><link rel="manifest" href="/manifest.json?h=f85b47089cad943956cac6f09d8d02c6"><link rel="stylesheet" href="/assets/fonts/font-awesome.min.css?h=1ebaba3465f39106375be623a0ebab45"><link rel="stylesheet" href="/assets/css/styles.min.css?h=8b04f4d26761d22866d090779dc01ec1"><link rel="canonical" href="https://spinopel.top/"><link href=https://spinopel.top/amp-page.rss rel=amphtml><meta content=Y_pKj9Uovz7uSF3C-KKsuKglT9aCMgy8RXMS3BLRrjs name=google-site-verification><meta content=f41837aee93cbccc name=yandex-verification><script type=application/ld+json>{ "@context": "https://schema.org/", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://spinopel.top" },{ "@type": "ListItem", "position": 2, "name": "Gaming", "item": "https://spinopel.top/gaming/" },{ "@type": "ListItem", "position": 3, "name": "Music", "item": "https://spinopel.top/music/" },{ "@type": "ListItem", "position": 4, "name": "Programming", "item": "https://spinopel.top/programming/" },{ "@type": "ListItem", "position": 5, "name": "Electronics", "item": "https://spinopel.top/electronics/" },{ "@type": "ListItem", "position": 6, "name": "Services", "item": "https://spinopel.top/services/" },{ "@type": "ListItem", "position": 7, "name": "About", "item": "https://spinopel.top/about/" }]}</script>
</head><body id="page-top"><nav class="navbar navbar-light navbar-expand-lg fixed-top bg-secondary text-uppercase" id="mainNav"><div class="container"><a class="navbar-brand js-scroll-trigger" href="/index.html">SpinOpel</a><button data-bs-toggle="collapse" data-bs-target="#navbarResponsive" class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars" aria-hidden="true"></i></button><div class="collapse navbar-collapse" id="navbarResponsive"><ul class="navbar-nav ms-auto"><li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="/gaming.html">Gaming<br></a></li><li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="/music.html">Music</a></li><li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="/programming.html">Programming<br></a></li><li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="/electronics.html"><strong>Electronics</strong><br></a></li><li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="/services.html"><strong>Services</strong><br></a></li><li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="/about.html"><strong>about</strong><br></a></li></ul></div></div></nav><header class="masthead bg-primary text-white text-center"><div class="container"><picture><source srcset="/assets/img/logo-spinopel-256w.avif?h=2526bb28747392f39db2b0dc5a3b4ddc 256w" type="image/avif"><source srcset="/assets/img/logo-spinopel-256w.webp?h=771cfac71dda98e3d5b1563834307508 256w" type="image/webp"><img class="rounded-circle img-fluid mb-5" src="/assets/img/logo-spinopel-256w.png?h=f3d18ccbe4fa70e5c1b061a35cccefd2" width="256" height="256" alt="SpinOpel logo" loading="eager" srcset="/assets/img/logo-spinopel-256w.png?h=f3d18ccbe4fa70e5c1b061a35cccefd2 1x, /assets/img/logo-spinopel-384w.png?h=c50b4c301b715c880cb19a99ca86b8e8 1.5x"></picture><h1>Spin Opel</h1><hr><h2 class="fw-light mb-0">Content Creator - Web Developer - DIY Specialist - Musician - Gamer</h2></div></header><section id="portfolio" class="portfolio"><div class="container"><h3 class="text-uppercase text-center text-secondary">Portfolio</h3><hr><div class="row gy-4"><div class="col-xxl-11"><div class="d-flex flex-column flex-lg-row"><div class="py-4 py-lg-0 px-lg-4"><h4>Open source software coding</h4><p>Programming in PHP, Kotlin, and JavaScript. I mostly use the MIT license for my projects. For ease of perception by my followers, I carefully comment the program code. I specialize in high-load projects, databases, libraries of meteorological observations, simple mobile applications, and code templates.<br>The workflow pipeline includes step-by-step software development in modern realities. Using a high-quality concept, modeling, and technical specifications, an idea of the final product is formulated. A successful project requires uniqueness, complete implementation, detailed testing, analysis of results, and detailed documentation.<br></p></div><div class="text-end w-100"><img src="/assets/img/console-41.svg?h=88cbc23c37d1ca887b0b05423a5bae18" width="300" height="300" alt="icon menu programming" loading="lazy"></div></div></div></div><hr><div class="row gy-4"><div class="col-xxl-11"><div class="d-flex flex-column flex-lg-row"><div class="py-4 py-lg-0 px-lg-4"><h4>Electrical engineering specialist</h4><p>I am fond of making DIY devices, from modeling to mounting printed circuit boards. Knowledge of basic natural sciences helps in solving various problems, analyzing and modeling electrical processes, and troubleshooting. The friendly community of DIY-specialists on the Internet will always prompt and give practical advice on a narrowly focused topic of electronics.<br>Making electric crafts requires preliminary work on designing the layout of the cooling system elements and openings for the input/output interface in the device body.<br></p></div><div class="text-end w-100"><img src="/assets/img/chip-35.svg?h=bc21d8c75baa4d9352aecc91f0a812a5" width="300" height="300" alt="icon menu electronics" loading="lazy"></div></div></div></div><hr><div class="row gy-4"><div class="col-xxl-11"><div class="d-flex flex-column flex-lg-row"><div class="py-4 py-lg-0 px-lg-4"><h4>Creating music in various genres</h4><p>I approach the creation of electronic music as an engineering art. I pay special attention to the original sound, timbre selection of instruments, and mastering of tracks. The full cycle of music creation includes a painstaking and detailed approach using high-quality VSTi.<br>Musical accompaniment of video games allows to influence the atmosphere of perception and emotional state of media information consumers. The feeling of being in music is created. Creativity in this activity has a wide direction for experimentation.<br>Producers making experimental music often use their own or existing sound libraries. When using existing collections of audio fragments (one-shots, loops), there are licensing restrictions, so it is preferable to use your own sound database.<br>Collecting, listening to, and selecting samples for a library expands the perception of the diversity of sounds in nature. In the future, the accumulated impression can be transformed into extraordinary musical works during their production, regardless of the style of music. The more high-quality audio is collected, the higher the chances of finding a fragment that will harmoniously fill the space with a musical composition. It happens that a randomly selected audio fragment adds character and individuality to a track. Some bright samples in sound design can keep the listener in suspense, using all sorts of pulsations and noises, different in sound and mood. When creating a collection of audio fragments, it is convenient to divide it into categories: acoustic fragments, natural sounds (rain, birds singing, forest noise, ocean waves, and other natural phenomena), human voices, noise generators, sirens, and much more. In the creative process, this eliminates long-term searches for content, which helps to maintain inspiration. A well-structured database with many high-quality samples can be used for scientific research when training neural networks and other acoustic experiments. An audio editor with batch processing speeds up the process several times for performing repetitive tasks. It provides simultaneous processing of several audio files: normalization, conversion of bit depth and sampling frequency values, conversion to various formats, insertion of silence, panorama conversion, adding a fade-in or fade-out, removing constant amplitude shift, inversion, equalization, restoration, amplification, and more.<br></p></div><div class="text-end w-100"><img src="/assets/img/menu-music.svg?h=65140abe9d88e66e2592d7f121f532f3" width="300" height="300" alt="icon menu music" loading="lazy"></div></div></div></div><hr><div class="row gy-4"><div class="col-xxl-11"><div class="d-flex flex-column flex-lg-row"><div class="py-4 py-lg-0 px-lg-4"><h4>Gaming in computer games</h4><p>I play various computer games in solo and multiplayer modes. I conduct 2-3 hour streams with friends. I love to get positive emotions and inspiration from playing modern popular games in the action-adventure genre.<br>The solo mode allows you to go through the storyline and carefully evaluate the computer graphics and musical accompaniment. The multiplayer mode requires increased concentration because it involves participation in tournaments, competitions, and competitive struggles for leadership with random players or friends.<br></p></div><div class="text-end w-100"><img src="/assets/img/game-294.svg?h=6dae0b3518288dc429dbf6ae626119af" width="300" height="300" alt="icon menu gaming" loading="lazy"></div></div></div></div></div></section><section id="about" class="bg-primary text-white mb-0"><div class="container"><h3 class="text-uppercase text-center text-white"><strong>Android App</strong></h3><hr><div class="row"><div class="col-lg-4 text-center ms-auto"><img class="img-fluid" src="/assets/img/phone-android-app.svg?h=87d0f2ce6dc4a694869e915f44850b4d" alt="android app" width="400" height="400" loading="lazy"></div><div class="col-lg-4 me-auto"><p class="lead">My official app is designed to view this website. You will be able to access the site from Android phone or tablet version 7 and above.<br>Instructions for installing Android application:<br>1. Click the Download button.<br>2. Download will start automatically from SourceForge.<br>3. Change settings of your device to allow app installs from unknown sources, you'll be able to install this app from APK file.</p></div></div><div class="text-center mt-4"><a class="btn btn-outline-light btn-xl" role="button" href="https://sourceforge.net/projects/webapp-android/files/SpinOpel.apk/download" target="_blank" rel="noopener"><i class="fa fa-download me-2" aria-hidden="true"></i><span>Download APK file</span></a></div></div></section><footer class="footer text-center"><div class="container"><div class="row"><div class="col-md-4 mb-5 mb-lg-0"><h4 class="text-uppercase mb-4">Location</h4><p>Kaiserstrasse 78<br>NA, Vienna, 1070<br>Austria</p></div><div class="col-md-4 mb-5 mb-lg-0"><h4 class="text-uppercase">social media</h4><ul class="list-inline"><li class="list-inline-item"><a class="btn btn-outline-light btn-social text-center rounded-circle" role="button" href="https://github.com/spinopel" target="_blank" rel="noopener" aria-label="Follow me on GitHub"><i class="fa fa-github fa-fw" aria-hidden="true"></i></a></li><li class="list-inline-item"><a class="btn btn-outline-light btn-social text-center rounded-circle" role="button" href="https://x.com/spin0pel" target="_blank" rel="noopener" aria-label="Follow me on X"><i class="fa fa-twitter fa-fw" aria-hidden="true"></i></a></li><li class="list-inline-item"><a class="btn btn-outline-light btn-social text-center rounded-circle" role="button" href="https://www.reddit.com/user/spinopel/" target="_blank" rel="noopener" aria-label="Follow me on Reddit"><i class="fa fa-reddit-alien fa-fw" aria-hidden="true"></i></a></li><li class="list-inline-item"><a class="btn btn-outline-light btn-social text-center rounded-circle" role="button" href="https://www.linkedin.com/in/spinopel/" target="_blank" rel="noopener" aria-label="Follow me on Linkedin"><i class="fa fa-linkedin fa-fw" aria-hidden="true"></i></a></li><li class="list-inline-item"><a class="btn btn-outline-light btn-social text-center rounded-circle" role="button" href="https://www.youtube.com/@SpinOpel" target="_blank" rel="noopener" aria-label="Follow me on YouTube"><i class="fa fa-youtube fa-fw" aria-hidden="true"></i></a></li><li class="list-inline-item"><a class="btn btn-outline-light btn-social text-center rounded-circle" role="button" href="https://www.twitch.tv/spinopel" target="_blank" rel="noopener" aria-label="Follow me on Twitch"><i class="fa fa-twitch fa-fw" aria-hidden="true"></i></a></li><li class="list-inline-item"><a class="btn btn-outline-light btn-social text-center rounded-circle" role="button" href="https://soundcloud.com/spinopel" target="_blank" rel="noopener" aria-label="Follow me on SoundCloud"><i class="fa fa-soundcloud fa-fw" aria-hidden="true"></i></a></li><li class="list-inline-item"><a class="btn btn-outline-light btn-social text-center rounded-circle" role="button" href="https://www.facebook.com/spinopel50" target="_blank" rel="noopener" aria-label="Follow me on Facebook"><i class="fa fa-facebook fa-fw" aria-hidden="true"></i></a></li></ul></div><div class="col-md-4"><h4 class="text-uppercase mb-4">e-mail</h4><p class="lead mb-0"><script>function decode(e){return e.replace(/[a-zA-Z]/g,function(e){return String.fromCharCode((e<="Z"?90:122)>=(e=e.charCodeAt(0)+13)?e:e-26)})}function openMailer(e){var r=decode("znvygb:fcvabcry@lnubb.pbz?fhowrpg=Rznvy%20sebz%20n%20fcvabcry.gbc%20jrofvgr");e.setAttribute("href",r),e.setAttribute("onclick",""),e.firstChild.nodeValue="Open email software"}</script><a href=""id=email onclick=openMailer(this)>Email: please click</a></p></div></div></div></footer><div class="copyright py-4 text-center text-white"><div class="container"><small>Copyright © SpinOpel 2024</small></div></div><div class="d-lg-none scroll-to-top position-fixed rounded"><a class="d-block js-scroll-trigger text-center text-white rounded" href="#page-top"><i class="fa fa-chevron-up"></i></a></div><script src="/assets/js/jquery.min.js?h=84e399b8f2181ccd73394fdeddff1638"></script><script src="/assets/bootstrap/js/bootstrap.min.js?h=01bb7ae0c0b11509558f2aa83f244399"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script><script src="/assets/js/script.min.js?h=3a736af9ee977170c780b326e96b054a"></script></body></html>