-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
207 lines (181 loc) · 12.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicons -->
<link href="assets/logo.svg" rel="icon">
<link href="assets/logo.svg" rel="apple-touch-icon">
<title>Unixsoft - Услуги в сфере IT</title>
<!-- google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;1,300&display=swap" rel="stylesheet">
<!-- styles -->
<link rel="stylesheet" href="style/style.css">
<!-- scripts -->
<!-- =======================================================
* Template Name: unixsoft - v0.0.1
======================================================== -->
</head>
<body>
<!-- header -->
<header id="header" class="header">
<div class="header__wrap container">
<a href="#">
<svg version="1.1" id="logo-bird" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="38px" viewBox="0 0 196 150" enable-background="new 0 0 196 150" xml:space="preserve">
<path fill="gray" d="M191.093,24.257c-11.956-0.201-30.951-0.723-49.513,0.614c-1.496,0.108-3.137-0.356-3.973-1.604
c-3.091-4.639-9.893-6.956-14.949-6.956c-13.474,0-21.184,13.571-21.968,25.713C89.261,29.907,76.711,18.973,60.043,6.34
c0.227,7.467,1.176,15.347,2.322,22.71c6.621,1.708,9.882,2.667,23.345,8.411C59.604,30.438,34.16,23.823,4.344,23.498
c19.222,26.09,46.251,47.769,77.883,60.469c-4.309,0.051-10.248-2.303-13.7-3.984c-11.605,16.58-19.181,36.777-19.181,58.936
c0,1.594,0.036,3.174,0.108,4.742c15.991-4.18,30.425-12.236,42.221-23.104l-0.005-0.01c-0.903-5.129-1.368-9.795-1.46-15.16
c-4.242,0.381-12.137-0.373-15.708-1.744c1.264,0.016,5.666,0.041,7.183,0.041c2.879,0,5.702-0.238,8.452-0.703
c24.212-4.023,42.505-25.068,42.505-50.42l0,0V41.415c0-7.307,7.927-12.926,14.052-13.504c7.064-1.156,26.869-2.719,44.43-2.843
C191.852,24.892,191.825,24.375,191.093,24.257z M128.092,27.683c-1.316,0-2.39-1.068-2.39-2.384c0-1.321,1.073-2.384,2.39-2.384
c1.315,0,2.384,1.063,2.384,2.384C130.476,26.615,129.407,27.683,128.092,27.683z">
</path>
</svg>
</a>
<nav class="navigation">
<ul>
<li><a href="#main">Home</a></li>
<li><a href="#service">Service</a></li>
<li><a href="#project">Project</a></li>
<li><a href="#tech">Tech</a></li>
<li>
<span class="dark-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon" viewBox="0 0 16 16">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278M4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z"/>
</svg>
</span>
</li>
</ul>
</nav>
</div>
</header>
<canvas id="canvas"></canvas>
<!-- main -->
<main class="main" id="main">
<div class="main_wrap container">
<h1>Unixsoft</h1>
<p id="main_wrap__text"></p>
</div>
</main>
<!-- about
<section class="about" id="about">
<div class="about_wrap container">
<h2 class="about_title"> About <span class="about_title__text"></span></h2>
<p> Unixsoft - Цифровое агентство предоставляющий услуги в сфере информационных технологии. Работаем со студиями и частными лицами, чтобы воплотить в жизнь уникальные концепции и проекты.
</p>
</div>
</section>
-->
<!-- service -->
<div class="service" id="service">
<div class="service_wrap container">
<h2>Услуги</h2>
<div class="service_wrap__details">
<details>
<summary>Разработка сайтов и приложений</summary>
</details>
<details>
<summary>Скрипты для обработки данных и автоматизации рутинных задач</summary>
</details>
<details>
<summary>Аппатратный и Програмный ремонт компьютеров & ноутбуков</summary>
</details>
<details>
<summary>Монтаж, настройка локальной вычислительной сети</summary>
</details>
</div>
</div>
</div>
<!-- project -->
<section class="project" id="project">
<h2 class="project__title container">projects</h2>
<div class="project__wrapper container">
<div class="project__inner">
<a href="https://unixsoftware.github.io/gallery/" target="_blank"><img src="https://camo.githubusercontent.com/21f591285134785fc2f6fa7caef81ca5840a3383d489f0b99d893ccce55a05a4/68747470733a2f2f692e6779617a6f2e636f6d2f62346666353634336365626161663630386234343434663939366633313663332e6a7067" alt=""></a>
<a href="https://unixsoftware.github.io/gallery/" target="_blank"><span>Портрет изображении на Three.js</span></a>
</div>
<div class="project__inner">
<a href="https://clementcariou.github.io/virtual-art-gallery/build" target="_blank"><img src="https://github.com/ClementCariou/virtual-art-gallery/raw/master/ArtGallery.png" alt=""></a>
<a href="https://clementcariou.github.io/virtual-art-gallery/build" target="_blank"><span>Виртуальная художественная галерея</span></a>
</div>
<div class="project__inner">
<a href="https://tympanus.net/Tutorials/WebGLCarousel/" target="_blank"><img src="https://tympanus.net/codrops/wp-content/uploads/2023/04/webglcarousel.jpg" alt=""></a>
<a href="https://tympanus.net/Tutorials/WebGLCarousel/" target="_blank"><span>Интерактивная 3D-карусель с помощью WebGL, React Three Fiber и GSAP</span></a>
</div>
<div class="project__inner">
<a href="https://tympanus.net/Tutorials/WaveMotionEffect/" target="_blank"><img src="https://tympanus.net/codrops/wp-content/uploads/2020/03/WaveMotion_featured.jpg" alt=""></a>
<a href="https://tympanus.net/Tutorials/WaveMotionEffect/" target="_blank"><span>Эффект волнового движения на изображении с помощью Three.js</span></a>
</div>
<div class="project__inner">
<a href=""><img src="https://trufi.github.io/webgl-introduction/pictures/webgl_logo.png" alt=""></a>
<span>Frontend Rewind 2023 – Day 07</span>
</div>
<div class="project__inner">
<a href=""><img src="https://knightdanila.github.io/GraphicProjects_OpenGL_Shaders_GLSL/data/OpenGL-logo.png" alt=""></a>
<span>Frontend Rewind 2023 – Day 07</span>
</div>
</div>
</section>
<!-- tab -->
<div class="tab" id="tech">
<div class="tab_wrap container">
<div class="tabNav">
<button class="tab-button active" onclick="openTab('tab1')">
<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 -960 960 960" width="16" fill="gray">
<path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H160v400Zm140-40-56-56 103-104-104-104 57-56 160 160-160 160Zm180 0v-80h240v80H480Z"/>
</svg>
Shell
</button>
<button class="tab-button" onclick="openTab('tab2')">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" aria-hidden="true" class="octicon" width="16" height="16"><title>Python</title><path d="M14.25.18l.9.2.73.26.59.3.45.32.34.34.25.34.16.33.1.3.04.26.02.2-.01.13V8.5l-.05.63-.13.55-.21.46-.26.38-.3.31-.33.25-.35.19-.35.14-.33.1-.3.07-.26.04-.21.02H8.77l-.69.05-.59.14-.5.22-.41.27-.33.32-.27.35-.2.36-.15.37-.1.35-.07.32-.04.27-.02.21v3.06H3.17l-.21-.03-.28-.07-.32-.12-.35-.18-.36-.26-.36-.36-.35-.46-.32-.59-.28-.73-.21-.88-.14-1.05-.05-1.23.06-1.22.16-1.04.24-.87.32-.71.36-.57.4-.44.42-.33.42-.24.4-.16.36-.1.32-.05.24-.01h.16l.06.01h8.16v-.83H6.18l-.01-2.75-.02-.37.05-.34.11-.31.17-.28.25-.26.31-.23.38-.2.44-.18.51-.15.58-.12.64-.1.71-.06.77-.04.84-.02 1.27.05zm-6.3 1.98l-.23.33-.08.41.08.41.23.34.33.22.41.09.41-.09.33-.22.23-.34.08-.41-.08-.41-.23-.33-.33-.22-.41-.09-.41.09zm13.09 3.95l.28.06.32.12.35.18.36.27.36.35.35.47.32.59.28.73.21.88.14 1.04.05 1.23-.06 1.23-.16 1.04-.24.86-.32.71-.36.57-.4.45-.42.33-.42.24-.4.16-.36.09-.32.05-.24.02-.16-.01h-8.22v.82h5.84l.01 2.76.02.36-.05.34-.11.31-.17.29-.25.25-.31.24-.38.2-.44.17-.51.15-.58.13-.64.09-.71.07-.77.04-.84.01-1.27-.04-1.07-.14-.9-.2-.73-.25-.59-.3-.45-.33-.34-.34-.25-.34-.16-.33-.1-.3-.04-.25-.02-.2.01-.13v-5.34l.05-.64.13-.54.21-.46.26-.38.3-.32.33-.24.35-.2.35-.14.33-.1.3-.06.26-.04.21-.02.13-.01h5.84l.69-.05.59-.14.5-.21.41-.28.33-.32.27-.35.2-.36.15-.36.1-.35.07-.32.04-.28.02-.21V6.07h2.09l.14.01zm-6.47 14.25l-.23.33-.08.41.08.41.23.33.33.23.41.08.41-.08.33-.23.23-.33.08-.41-.08-.41-.23-.33-.33-.23-.41-.08-.41.08z"></path></svg>
Python
</button>
<button class="tab-button" onclick="openTab('tab3')">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" aria-hidden="true" class="octicon" width="16" height="16"><title>JavaScript</title><path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z"></path></svg>
JavaScript
</button>
</div>
<div class="tab_content">
<div id="tab1" class="tab-pane active">
<ul class="tab-pane__list">
<li>#!/bin/sh</li>
</ul>
</div>
<div id="tab2" class="tab-pane">
<ul class="tab-pane__list">
<li>#!/usr/bin/env python3</li>
</ul>
</div>
<div id="tab3" class="tab-pane">
<ul class="tab-pane__list">
<li>import defaultExport from "module-name";</li>
</ul>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer class="footer" id="footer">
<div class="footer_wrap container">
<div class="footer__inner">
<ul>
<li><span>Contact</span> <br></li> <br>
<li><a href="https://t.me/toni_js" target="_blank">Telegram</a></li>
<li><a href="https://github.com/unixsoftware" target="_blank">Github</a></li>
<!--
<li><a href="https://www.instagram.com/" target="_blank">Instagram</a></li>
-->
</ul>
</div>
</div>
</footer>
<!-- script -->
<script src="script/script.js"></script>
<script src="script/canvas.js"></script>
</body>
</html>