alexander
/
web-page
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dev #1

Merged
alexander merged 3 commits from dev into master 2023-05-02 00:11:58 +00:00
Conversation 0 Commits 3 Files Changed 31 +48 -3
4 changed files with 48 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c286a55f8f - Show all commits

BIN
css/Caveat-Regular.ttf Normal file
View File

Binary file not shown.

40
css/style.css
View File

@ -3,6 +3,11 @@
src: url(../css/ProblematicPiercer.ttf);
}
@font-face {
font-family: Caveat;
src: url(../css/Caveat-Regular.ttf);
}
body {
display: flex;
align-items: center;
@ -16,6 +21,37 @@ body {
font-family: ProblematicPiercer;
}
div.test {
font-size: 100px;
div.row {
display: flex;
flex-direction: row;
width: 900px;
}
div.photo {
border-radius: 300px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
background-image: url(../images/favicon.jpg);
width: 300px;
height: 300px;
background-size: contain;
margin-right: 20px;
}
div.info {
display: flex;
width: 600px;
flex-direction: column;
}
div.title {
font-size: 50px;
display: flex;
align-items: center;
justify-content: center;
}
div.bio {
font-family: Caveat;
font-size: 25px;
text-align: justify;
}

10
index.html
View File

@ -11,6 +11,14 @@
<script src="js/script.js"></script>
</head>
<body>
<div class="test">Page in development</div>
<div class="row">
<div class="photo"></div>
<div class="info">
<div class="title">About me</div>
<div class="bio">
<p>Спасибо за поддержку Thunderbird, которая финансируется такими же пользователями, как вы! Для создания Thunderbird требуются инженеры-программисты, дизайнеры, системные администраторы и серверная инфраструктура. Поэтому, если вам нравится Thunderbird, лучший способ обеспечить доступность Thunderbird — сделать пожертвование.</p>
</div>
</div>
</div>
</body>
</html>

1
js/script.js
View File

@ -1,3 +1,4 @@
$(document).ready(function(){
$(this).on("contextmenu", e => e.preventDefault());
$('body').delay(500).fadeTo(500, 1);
});