darkshy/darkshy.bronyfurry.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modified: css/style.css

Browse Source 
modified:   index.html
This commit is contained in:
DarkShy
2023-01-14 01:40:45 +03:00
parent 4fab418b5e
commit db22cd7ba3
2 changed files with 34 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
css/style.css
View File

@@ -28,4 +28,27 @@ body {
}
.shy {
color: red;
}
div.imagecenter {
margin: 0 auto;
width: 80em;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
.responsive {
width: 100%;
height: auto;
max-width: 400px;
}
p.outline {
--bd-example-padding: 1rem;
position: relative;
padding: var(--bd-example-padding);
margin: 0 -1.5rem;
border: solid var(--bs-border-color);
border-width: 1px 0;
}

13
index.html
View File

@@ -3,16 +3,25 @@
<title>DarkShy - main page</title>
<meta name="description" content="Страница DarkShy.">
<meta name="keywords" content="DarkShy, pony, bronyfurry, mlp">
<link rel="stylesheet" href="css/style.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="theme-color" content="black">
<meta name="color-scheme" content="dark">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1 class="header dark">Dark<span class="shy">Shy</span></h1>
<h2 class="outro">Просто серая пегаска..<span id="blink">|</span></h2>
<div class="text-center">
<img class="rounded mx-auto d-block" src="https://bronyfurry.com/files/2fc19a34-94bc-43f1-9244-b63a3fdf761a" alt="DarkShy at snow" width="auto" height="30%">
</div>
<h2 class="header outro">Просто серая пегаска..<span id="blink">|</span></h2>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<h2 class="header" style="padding-top: 25px; padding-left: 25px; padding-right: 25px;">Обо мне</h2>
<div style="padding-top: 15px; padding-bottom: 15px; padding-left: 10%; padding-right: 10%;">
<p class="card" style="background-color: inherit; padding-top: 15px; padding-bottom: 15px; padding-left: 25px; padding-right: 25px; --bs-card-border-color: chartreuse;">Меня зовут DarkShy. В свободное время я занимаюсь изучением программирования на языке NodeJS, а так же занимаюсь сайтами. По профессии я - системный администратор. На картинке изображена моя ОС-ка. </p>
</div>
</body>
</html>