inital commit
|
@ -0,0 +1,3 @@
|
|||
This is my new website
|
||||
---
|
||||
All pictures of my cat are under CC
|
|
@ -0,0 +1,5 @@
|
|||
document.write(`\
|
||||
\
|
||||
<link rel="stylesheet" href="/style.css"><a href="/"><button>Home</button></a><a href="/pages/gallery.html"><button>My cat's gallery</button><a/> \
|
||||
\
|
||||
`);
|
After Width: | Height: | Size: 158 KiB |
After Width: | Height: | Size: 2.3 MiB |
After Width: | Height: | Size: 954 KiB |
After Width: | Height: | Size: 2.7 MiB |
After Width: | Height: | Size: 2.6 MiB |
After Width: | Height: | Size: 1.4 MiB |
After Width: | Height: | Size: 2.5 MiB |
After Width: | Height: | Size: 2.0 MiB |
After Width: | Height: | Size: 1.0 MiB |
After Width: | Height: | Size: 2.5 MiB |
After Width: | Height: | Size: 2.2 MiB |
After Width: | Height: | Size: 2.2 MiB |
After Width: | Height: | Size: 2.1 MiB |
After Width: | Height: | Size: 1.3 MiB |
After Width: | Height: | Size: 2.5 MiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 1.7 MiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 6.3 MiB |
After Width: | Height: | Size: 1006 KiB |
After Width: | Height: | Size: 1.0 MiB |
After Width: | Height: | Size: 908 KiB |
After Width: | Height: | Size: 2.2 MiB |
After Width: | Height: | Size: 1.3 MiB |
After Width: | Height: | Size: 1.5 MiB |
After Width: | Height: | Size: 1.0 MiB |
After Width: | Height: | Size: 1.5 MiB |
After Width: | Height: | Size: 2.4 MiB |
After Width: | Height: | Size: 1.4 MiB |
After Width: | Height: | Size: 1.7 MiB |
After Width: | Height: | Size: 1.1 MiB |
After Width: | Height: | Size: 2.2 MiB |
After Width: | Height: | Size: 928 KiB |
After Width: | Height: | Size: 1.3 MiB |
After Width: | Height: | Size: 2.5 MiB |
After Width: | Height: | Size: 2.8 MiB |
After Width: | Height: | Size: 2.3 MiB |
After Width: | Height: | Size: 4.3 MiB |
After Width: | Height: | Size: 1.6 MiB |
After Width: | Height: | Size: 3.0 MiB |
After Width: | Height: | Size: 2.5 MiB |
After Width: | Height: | Size: 1.1 MiB |
After Width: | Height: | Size: 2.3 MiB |
After Width: | Height: | Size: 2.1 MiB |
After Width: | Height: | Size: 2.1 MiB |
After Width: | Height: | Size: 1.1 MiB |
After Width: | Height: | Size: 1.7 MiB |
|
@ -0,0 +1,12 @@
|
|||
<head>
|
||||
<title>biterr's site</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1>Welcome to my page!</h1>
|
||||
<object data="images/bacva.jpg"></object>
|
||||
<h3>Hello, my (user)name is Biterr. It was created as typo. Making websites is a occasional hobby for me.</h3>
|
||||
<a href="pages/gallery.html"><button>Gallery of my cat</button></a>
|
||||
</main>
|
||||
</body>
|
|
@ -0,0 +1,26 @@
|
|||
<head>
|
||||
<title>biterr's site</title>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<script src="/header.js"></script>
|
||||
</header>
|
||||
<main>
|
||||
<h1>My cat's gallery</h1>
|
||||
<h4>Pictures go from youngest to oldest</h4>
|
||||
<script>
|
||||
var folder = "/images/bacva/";
|
||||
$.ajax({
|
||||
url : folder,
|
||||
success: function (data) {
|
||||
$(data).find("a").attr("href", function (i, val) {
|
||||
if( val.match(/\.(jpe?g|png|gif)$/) ) {
|
||||
$("main").append( "<a href='"+ folder + val +"'><img src='"+ folder + val +"'></a>" );
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</main>
|
||||
</body>
|
|
@ -0,0 +1,67 @@
|
|||
html {
|
||||
font-family: mono-serif;
|
||||
background-color: rgb(196, 236, 116);
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
margin: 35px;
|
||||
-webkit-transform: scale(2, 1);
|
||||
-ms-transform: scale(2, 1);
|
||||
-moz-transform: scale(2, 1);
|
||||
-o-transform: scale(2, 1);
|
||||
transform: scale(2, 1);
|
||||
|
||||
}
|
||||
header {
|
||||
margin: 10px;
|
||||
background-color: rgb(114, 153, 37);
|
||||
box-shadow: 10px 10px darkolivegreen;
|
||||
}
|
||||
main {
|
||||
text-align: center;
|
||||
margin: 70px;
|
||||
background-color: yellowgreen;
|
||||
box-shadow: 10px 10px darkolivegreen;
|
||||
}
|
||||
hr {
|
||||
border: 1mm dashed darkolivegreen;
|
||||
}
|
||||
object {
|
||||
max-width: 50%;
|
||||
height: auto;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
img {
|
||||
max-width: 50%;
|
||||
height: 20%;
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
}
|
||||
@media (max-width: 567px) {
|
||||
.content {
|
||||
margin: 30px;
|
||||
background-color: yellowgreen;
|
||||
box-shadow: 10px 10px darkolivegreen;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
margin: 20px;
|
||||
-moz-transform: scale(1.5, 1);
|
||||
transform: scale(1.5, 1);
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
font-size: 16px;
|
||||
font-family: Comic Sans MS, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding: 15px 16px;
|
||||
color: rgb(116, 116, 116);
|
||||
border-radius: 12px;
|
||||
border-color: black;
|
||||
}
|
||||
button:hover {
|
||||
color: red;
|
||||
}
|