1st commit
Michael Gordeev
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 1.8 MiB |
|
After Width: | Height: | Size: 193 KiB |
|
After Width: | Height: | Size: 205 KiB |
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 139 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 560 KiB |
|
After Width: | Height: | Size: 286 KiB |
|
After Width: | Height: | Size: 147 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 905 KiB |
@@ -0,0 +1,28 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>My arts - FoxSharp</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="gallery">
|
||||||
|
<a class="header">My arts</a>
|
||||||
|
<div>
|
||||||
|
<a href="Arts/0.jpg"><img src="Arts/0.jpg"></a>
|
||||||
|
<a href="Arts/1.jpg"><img src="Arts/1.jpg"></a>
|
||||||
|
<a href="Arts/2.jpg"><img src="Arts/2.jpg"></a>
|
||||||
|
<a href="Arts/3.jpg"><img src="Arts/3.jpg"></a>
|
||||||
|
<a href="Arts/4.jpg"><img src="Arts/4.jpg"></a>
|
||||||
|
<a href="Arts/5.jpg"><img src="Arts/5.jpg"></a>
|
||||||
|
<a href="Arts/6.jpg"><img src="Arts/6.jpg"></a>
|
||||||
|
<a href="Arts/7.jpg"><img src="Arts/7.jpg"></a>
|
||||||
|
<a href="Arts/8.jpg"><img src="Arts/8.jpg"></a>
|
||||||
|
<a href="Arts/9.jpg"><img src="Arts/9.jpg"></a>
|
||||||
|
<a href="Arts/10.jpg"><img src="Arts/10.jpg"></a>
|
||||||
|
<a href="Arts/11.jpg"><img src="Arts/11.jpg"></a>
|
||||||
|
<a href="Arts/12.jpg"><img src="Arts/12.jpg"></a>
|
||||||
|
<a href="Arts/13.jpg"><img src="Arts/13.jpg"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Hello, World! - FoxSharp</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="navbar">
|
||||||
|
<a href="/">FoxSharp</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/">CV();</a></li>
|
||||||
|
<li><a href="Projects">Projects();</a></li>
|
||||||
|
<li><a href="Gallery.html">Arts();</a></li>
|
||||||
|
<li><a href="Contacts">Contacts();</a></li>
|
||||||
|
</ul>
|
||||||
|
<a style="font-family: Segoe MDL2 Assets, 'Courier New'; font-size: 20px; float: right; margin: 2px" href="https://ru.michael.xfox.net/">РУС </a>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,122 @@
|
|||||||
|
.contacts {
|
||||||
|
background-color: #1e1e1e;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.goto {
|
||||||
|
background-color: #1e1e1e;
|
||||||
|
color: #dcdcdc;
|
||||||
|
float: right;
|
||||||
|
border-radius: 5px;
|
||||||
|
position: fixed;
|
||||||
|
right: 10px;
|
||||||
|
bottom: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 5px;
|
||||||
|
|
||||||
|
height: 15px;
|
||||||
|
width: 110px;
|
||||||
|
|
||||||
|
transition: .5s;
|
||||||
|
font-family: Consolas;
|
||||||
|
}
|
||||||
|
.goto:hover {
|
||||||
|
height: 87px;
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
.list {
|
||||||
|
float: right;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.goto:hover .list {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.currentItem {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.goto:hover .currentItem {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.goto .keyword {
|
||||||
|
opacity: 0;
|
||||||
|
bottom: 15px;
|
||||||
|
float: left;
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
.goto:hover .keyword {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.goto a:link {
|
||||||
|
color: #dcdcdc;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.goto a:hover {
|
||||||
|
color: #569cd6;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.goto a:visited {
|
||||||
|
color: #dcdcdc;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contacts div {
|
||||||
|
font-family: Consolas;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 20px;
|
||||||
|
color: #dcdcdc;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.regString {
|
||||||
|
color: #d69d85;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.string:link {
|
||||||
|
color: #d69d85;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.string:visited {
|
||||||
|
color: #d69d85;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.string:hover {
|
||||||
|
color: #569cd6;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.type {
|
||||||
|
color: #4ec9b0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.keyword {
|
||||||
|
color: #569cd6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.codeLinks:link {
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.codeLinks:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.codeLinks:hover {
|
||||||
|
color: #569cd6;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.comment {
|
||||||
|
color: 57a64a;
|
||||||
|
}
|
||||||
|
.linesNum {
|
||||||
|
color: #2b91af !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.intro {
|
||||||
|
background-color: #00a7dc;
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.navbar {
|
||||||
|
background-color: rgb(34, 34, 33);
|
||||||
|
padding: 10px;
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
position: fixed;
|
||||||
|
right: 0%;
|
||||||
|
left: 0%;
|
||||||
|
}
|
||||||
|
.navbar a {
|
||||||
|
color: white;
|
||||||
|
font-size: 26px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.navbar a:hover {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
.navbar ul {
|
||||||
|
display: inline;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.navbar li {
|
||||||
|
display: inline;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
.navbar li a {
|
||||||
|
font-size: 20px !important;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
padding-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery {
|
||||||
|
margin: 10px 50px;
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
}
|
||||||
|
.gallery img {
|
||||||
|
transition: .25s;
|
||||||
|
object-fit: cover;
|
||||||
|
max-width: 300px;
|
||||||
|
height: 200px;
|
||||||
|
margin: 2px;
|
||||||
|
}
|
||||||
|
.gallery img:hover {
|
||||||
|
filter: brightness(125%);
|
||||||
|
transform: scale(1.25);
|
||||||
|
}
|
||||||
|
.header {
|
||||||
|
color: black;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
@@ -0,0 +1,63 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Hello, World! - FoxSharp</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/cv.css">
|
||||||
|
</head>
|
||||||
|
<body class="body-wrap">
|
||||||
|
<div class="intro">
|
||||||
|
<div>
|
||||||
|
<p>Hello, World!</p>
|
||||||
|
<p>My name is Michael.<br/>
|
||||||
|
I'm a middle C# developer,<br/>
|
||||||
|
and this is my curriculum vitae.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="contacts">
|
||||||
|
<div class="linesNum">
|
||||||
|
0<br/>
|
||||||
|
1<br/>
|
||||||
|
2<br/>
|
||||||
|
3<br/>
|
||||||
|
4<br/>
|
||||||
|
5<br/>
|
||||||
|
6<br/>
|
||||||
|
7<br/>
|
||||||
|
8<br/>
|
||||||
|
9<br/>
|
||||||
|
10<br/>
|
||||||
|
11<br/>
|
||||||
|
12<br/>
|
||||||
|
13<br/>
|
||||||
|
14<br/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a class="keyword">if</a> (<a class="type">You</a>.InterestedInMe)<br/>
|
||||||
|
ContactMe();<br/><br/>
|
||||||
|
|
||||||
|
<a class="comment">//All links are clickable</a><br>
|
||||||
|
<a class="keyword">public void</a> ContactMe()<br/>
|
||||||
|
{<br/>
|
||||||
|
<a class="keyword">string</a> email = <a class="string" href="mailto:michael.xfox@outlook.com">"mihcael.xfox@outlook.com"</a>;<br/>
|
||||||
|
<a class="type">Link</a>[] socialNetworks = new <a class="type">Link</a>[]<br/>
|
||||||
|
{<br/>
|
||||||
|
<a><a class="keyword">new</a> <a class="type">Link</a>(<a class="regString">"LinkedIn"</a>, <a class="string" target="_blank" href="https://linkedin.com/xfox">"https://linkedin.com/xfox"</a>),<br/>
|
||||||
|
<a><a class="keyword">new</a> <a class="type">Link</a>(<a class="regString">"GitHub"</a>, <a class="string" target="_blank" href="https://github.com/xfox111">"https://github.com/xfox111"</a>),<br/>
|
||||||
|
<a><a class="keyword">new</a> <a class="type">Link</a>(<a class="regString">"Twitter"</a>, <a class="string" target="_blank" href="https://twitter.com/xfox111">"https://twitter.com/xfox111"</a>),<br/>
|
||||||
|
<a><a class="keyword">new</a> <a class="type">Link</a>(<a class="regString">"Vkontakte"</a>, <a class="string" target="_blank" href="https://vk.com/xfox.mike">"https://vk.com/xfox.mike"</a>)<br/>
|
||||||
|
}<br/>
|
||||||
|
}<br/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="goto">
|
||||||
|
<div class="keyword">goto </div>
|
||||||
|
<div class="currentItem">Introduction;</div>
|
||||||
|
<div class="list">
|
||||||
|
<a href="#intro">Introduction</a>;<br/>
|
||||||
|
<a href="#about">About_me</a>;<br/>
|
||||||
|
<a href="#skills">My_skills</a>;<br/>
|
||||||
|
<a href="#portfolio">My_projects</a>;<br/>
|
||||||
|
<a href="#contact">Contact_me</a>;<br/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||