You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.0 KiB
HTML
78 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="w-100 h-100">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
<style>
|
|
@font-face {
|
|
font-family: BLKCHCRY;
|
|
src: url("fonts/BLKCHCRY.TTF");
|
|
}
|
|
|
|
p {
|
|
font-size: 22px;
|
|
font-family: BLKCHCRY;
|
|
color: #26263dff;
|
|
}
|
|
|
|
.text-left {
|
|
max-width: 53em;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
}
|
|
|
|
a {
|
|
font-size: 22px;
|
|
font-family: BLKCHCRY;
|
|
}
|
|
|
|
a:link {
|
|
color: #42b1e8ff;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited {
|
|
color: #42b1e8ff;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: magenta;
|
|
background-color: transparent;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
</style>
|
|
</head>
|
|
<body class="w-100 h-100 d-flex flex-column mt-3">
|
|
|
|
<div class="d-flex justify-content-center mt-5">
|
|
<img src="images/try8.png" width="250" height="382">
|
|
</div>
|
|
|
|
<div class="text-left mt-5">
|
|
<p>The fields of physical and cyber tech lands are vastly dominated by male hack wizards. Questioning their cultural sovereignty seems like an impossible venture.</p>
|
|
<p>And yet, scattered occult pagan groups of hack witches, craft their own spells, rituals and techniques, raising the knowledge and power of the Systerhood. Their memories are hidden in arcane cyber rooms, diabolic wikis and folk cryptosongs.</p>
|
|
|
|
<p>Syster Papyri Magicae is a collection of stories and practices from old and new Syster groups worldwide.
|
|
Join the quest of collecting their magical papyri!</p>
|
|
|
|
<div class="d-flex justify-content-left mt-5">
|
|
<img src="images/wand.png" width="60" height="29"><a href="test.html" class="ml-2">Immerse in the Systerhood</a>
|
|
</div>
|
|
|
|
</div><br>
|
|
|
|
|
|
<div class="d-flex justify-content-center mt-5 mb-5">
|
|
<img src="images/footer.png" width="410" height="83">
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
|