-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
2 lines (2 loc) · 14 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:image" content="https://spinopel.top/assets/img/x-card-spinopel.png"><meta name="twitter:title" content="SpinOpel | Programmer - DIY Specialist - Musician - Gamer"><meta name="description" content="Official personalized website of SpinOpel. Listed interests and hobbies. The latest projects and events. List of social media links."><meta property="og:type" content="website"><meta name="twitter:description" content="Official personalized website of SpinOpel. Listed interests and hobbies. The latest projects and events."><meta name="twitter:card" content="summary"><meta property="og:image" content="https://spinopel.top/assets/img/og-image-spinopel.png"><meta name="keywords" content="content creator,hobbies,interests,hobbyist,streamer,gamer,making music,programming,electronics"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/assets/img/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png"><link rel="icon" type="image/png" sizes="180x180" href="/assets/img/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="192x192" href="/assets/img/android-chrome-192x192.png"><link rel="icon" type="image/png" sizes="512x512" href="/assets/img/android-chrome-512x512.png"><link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css"><link rel="manifest" href="/manifest.json"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><link rel="stylesheet" href="/assets/css/styles.min.css"><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><script async src="https://www.googletagmanager.com/gtag/js?id=G-PGSD4XDZVW"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-PGSD4XDZVW")</script><script>!function(e,t,c,n,r,a,m){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date;for(var s=0;s<document.scripts.length;s++)if(document.scripts[s].src===n)return;a=t.createElement(c),m=t.getElementsByTagName(c)[0],a.async=1,a.src=n,m.parentNode.insertBefore(a,m)}(window,document,"script","https://mc.yandex.ru/metrika/tag.js"),ym(97462396,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})</script><noscript><div><img src=https://mc.yandex.ru/watch/97462396 style=position:absolute;left:-9999px alt="Metrika counter image"></div></noscript><script>!function(e,t,n,c,o,a,f){e.fbq||(o=e.fbq=function(){o.callMethod?o.callMethod.apply(o,arguments):o.queue.push(arguments)},e._fbq||(e._fbq=o),(o.push=o).loaded=!0,o.version="2.0",o.queue=[],(a=t.createElement(n)).async=!0,a.src="https://connect.facebook.net/en_US/fbevents.js",(f=t.getElementsByTagName(n)[0]).parentNode.insertBefore(a,f))}(window,document,"script"),fbq("init","429124290123143"),fbq("track","PageView")</script><noscript><img src="https://www.facebook.com/tr?id=429124290123143&ev=PageView&noscript=1"style=display:none height=1 width=1></noscript>
</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"></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"><img class="rounded-circle d-block mx-auto mb-5" src="/assets/img/logo-spinopel.png" width="256" height="256" alt="SpinOpel logo" loading="eager"><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, JavaScript. I mainly 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" 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-specialist on the Internet will always prompt and give practical advice in a narrowly focused topic of electronics.<br>Making electric crafts requires preliminary work on designing the layout of the cooling system elements, 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" 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 electronic styles</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 experiment.<br></p></div><div class="text-end w-100"><img src="/assets/img/menu-music.svg" 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, carefully evaluate the computer graphics and musical accompaniment. The multiplayer mode requires increased concentration, because it involves participation in tournaments, competitions, competitive struggle for leadership with random players or friends.<br></p></div><div class="text-end w-100"><img src="/assets/img/game-294.svg" width="300" height="300" alt="icon menu gaming"></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" 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 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="external"><i class="fa fa-download me-2"></i><span>Download Now!</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://www.facebook.com/spinopel50/" target="_blank" rel="noopener"><i class="fa fa-facebook fa-fw"></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"><i class="fa fa-twitch fa-fw"></i></a></li><li class="list-inline-item"><a class="btn btn-outline-light btn-social text-center rounded-circle" role="button" href="https://twitter.com/Spin0pel" target="_blank" rel="noopener"><i class="fa fa-twitter fa-fw"></i></a></li><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"><i class="fa fa-github fa-fw"></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"><i class="fa fa-reddit-alien fa-fw"></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"><i class="fa fa-linkedin fa-fw"></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"><i class="fa fa-youtube fa-fw"></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"><i class="fa fa-soundcloud fa-fw"></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="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></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"></script></body></html>