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>
|
||||