Compare commits

...

5 Commits

Author SHA1 Message Date
wsor ba79636975 name swap 2020-07-20 00:06:23 -04:00
wsor bfa15a1044 tiny fixes 2020-07-19 23:55:34 -04:00
wsor dc7758fe54 mobile layour bug fixes 2020-07-19 23:48:15 -04:00
wsor da99a1a6d3 adding blockcity website start 2020-07-19 21:55:30 -04:00
wsor 328ea40107 spacing bugfix 2020-07-07 15:59:57 -04:00
8 changed files with 105 additions and 5 deletions

BIN
blockcity/assets/home_1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
blockcity/assets/home_2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

48
blockcity/bc_home.html Normal file
View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<title>BlockCity homepage</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/main.css">
<link rel="stylesheet" href="css/bc_home.css">
</head>
<body>
<header>
<div class = "header_container">
<p class="logo">BlockCity</p>
<nav>
<ul>
<li><a href="bc_home.html">Home</a></li>
<li><a href=#>Builds</a></li>
</ul>
</nav>
</div>
</header>
<div class = "content">
<div class="main">
<p>Welcome to BlockCity's website!</p>
<img src="assets/home_1.png">
<p>Welcome to Our Main Page! To see some of the builds on the <a href="bc_builds.html">Builds</a> page</p>
<hr class = "formated_hr">
<p>Come and Visit Us! </p>
<p>Server Name: BlockCity Creative <br>
Adress: nri.edgy.net <br>
port: 30000 </p>
<p>supporting connections from <br> minetest 0.4x <br> minetest 5x <br> and multicraft </p>
<hr class = "formated_hr">
<p>Owned By: wsor and Edgy1(Trump) <br>
Server Hosts: Edgy1, Maksym, wsor <br>
Server Admin: wsor</p>
<p>Admins: wsor, meme_queen, Nezrok, ScoutTrooper, Odaxelagnia <br>
Moderators: Gulf, Leutomazien, Olliy</p>
</div>
</div>
</body>
</html>

44
blockcity/css/bc_home.css Normal file
View File

@ -0,0 +1,44 @@
.content{
width: 95%;
margin: 20px auto;
text-align: center;
background: black;
border-radius: 25px;
border: 1px solid #bebebe;
}
/* Medium screens and above */
@media (min-width: 768px) {
.content {
width: 40%;
}
}
.content p{
padding: 20px 20px;
}
.content img{
max-width: 100%;
height: auto;
}
.main{
text-align: center;
}
a{
color: #bebebe;
text-decoration: none;
}
a:hover{
color: #4f8cc9;
}
hr.formated_hr{
width: 80%;
border-top: 1px solid #bebebe;
}

View File

@ -1,5 +1,5 @@
.content{
width: 40%;
width: 95%;
margin: 20px auto;
text-align: center;
background: black;
@ -7,8 +7,15 @@
border: 1px solid #bebebe;
}
/* Medium screens and above */
@media (min-width: 768px) {
.content {
width: 40%;
}
}
.content p{
padding: 20px 0;
padding: 20px 20px;
}
.content img{

View File

@ -43,9 +43,8 @@ nav ul{
nav ul > li{
display: inline-block;
margin-left: 70px;
margin-left: 5vw;
padding: 10px 0;
}
nav ul > li > a{

View File

@ -2,6 +2,7 @@
<html>
<head>
<title>wsor4035 homepage</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/index.css">
</head>
@ -23,7 +24,7 @@
<div class="main">
<p>Welcome to my website!</p>
<img src="assets/code_image.png">
<p>Welcome! This is my main page. At this time there is only my projects page to go view, stop on over there and check it out!</p>
<p>Welcome! This is my main page. At this time there is only my projects page to go view, stop on over there and check it out! </p>
</div>
</div>

View File

@ -2,6 +2,7 @@
<html>
<head>
<title>wsor4035 homepage</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/projects.css">
</head>