Skip to content
This repository has been archived by the owner on Sep 6, 2023. It is now read-only.

Commit

Permalink
(CI) format code
Browse files Browse the repository at this point in the history
  • Loading branch information
Zero to Mastery committed Aug 22, 2023
1 parent 094dbdb commit 0ad2788
Show file tree
Hide file tree
Showing 3 changed files with 42 additions and 44 deletions.
35 changes: 17 additions & 18 deletions Art/poltu/artmotion index.html
View file
Original file line number Diff line number Diff line change
@@ -1,20 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> My first Art Animation</title>
<link rel="stylesheet" type="text/css" href="artstyle.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
</head>
<body>
<h1 class="animate__animated animate__heartBeat">City Life</h1>
<div class="container">
<img src="https://pixune.com/wp-content/uploads/2023/03/world.png">
</div>

</body>
</html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>My first Art Animation</title>
<link rel="stylesheet" type="text/css" href="artstyle.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
</head>
<body>
<h1 class="animate__animated animate__heartBeat">City Life</h1>
<div class="container">
<img src="https://pixune.com/wp-content/uploads/2023/03/world.png" />
</div>
</body>
</html>
49 changes: 24 additions & 25 deletions Art/poltu/artstyle.css
View file
Original file line number Diff line number Diff line change
@@ -1,45 +1,44 @@
*{
text-align: center;
* {
text-align: center;
}
body{
background-color: skyblue;
body {
background-color: skyblue;
}

h1{
font-family: fantasy;
font-size: 4em;
border-bottom: 2px solid pink;
width: 400px;
text-align: center;
box-shadow: 4px 4px 5px #888888;
margin-top: 10px;

h1 {
font-family: fantasy;
font-size: 4em;
border-bottom: 2px solid pink;
width: 400px;
text-align: center;
box-shadow: 4px 4px 5px #888888;
margin-top: 10px;
}

.my-element {
display: inline-block;
margin: 0 0.5rem;

animation: heartBeat;
animation-duration: 2s;
animation: heartBeat;
animation-duration: 2s;
}
.my-element {
--animate-repeat: 2;
}

img{
width: 550px;
height: 350px;
margin: 10px;
img {
width: 550px;
height: 350px;
margin: 10px;
}
img:hover {
transform: scale(1.1);
}
transform: scale(1.1);
}
.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.container:hover {
transform: rotate(-15deg);
transform: rotate(-15deg);
}
2 changes: 1 addition & 1 deletion include.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9446,7 +9446,7 @@ let cards = [
author: 'Wasiq Khan',
githubLink: 'https://github.com/wasiqs-classics'
},
{
{
artName: 'poltu',
pageLink: './Art/poltu/artmotion index.html',
imageLink: './Art/poltu/world.gif',
Expand Down

0 comments on commit 0ad2788

Please sign in to comment.