mbess/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity

chore: clean up

Browse source
This commit is contained in:
Matthieu Bessat 2022-07-14 18:42:57 +02:00
parent eef1067e3b
commit 6862ce3f51
4 changed files with 1 additions and 136 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
public/animation1.html
View file

@ -1,47 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<style>
/* Applying Global CSS */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Centering the content of whole body */
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: #000;
}
@keyframes animate {
0% {
transform: perspective(1000px) rotateY(0deg);
}
100% {
transform: perspective(1000px) rotateY(360deg);
}
}
.img {
animation: animate 5s linear infinite;
}
</style>
</head>
<body>
<div class="box">
<img class="img" src="https://src.lefuturiste.fr/images/etretat.jpg" />
</div>
</body>
</html>

BIN
public/libre-baskerville.zip
View file

Binary file not shown.

89
public/old.php
View file

@ -1,89 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Matthieu Bessat - Web Developer</title>
<link href="dist/app.min.css" rel="stylesheet">
</head>
<?php
$mainWidth = 200;
$imgsPerSide = 4;
$width = $mainWidth/$imgsPerSide;
$baseColor = "#27ae60";
$base = [0x27, 0xAE, 0x60];
?>
<body>
<section class="landing-section">
<div class="profile-container">
<div class="profile-imgs-container">
<div class="profile-imgs-wrapper" style="padding: <?= $width ?>px">
<div class="profile-imgs" style="width: <?= $mainWidth ?>px; height: <?= $mainWidth ?>px">
<?php
for ($side=0; $side < 4; $side++) {
for ($i=0; $i < 1+$imgsPerSide; $i++) {
?>
<img
class="additional-profile"
id="addprof-<?= (1+$side)*$i ?>"
style="
transform: rotateZ(<?= [0, 90, 180, -90][$i] ?>deg);
width: <?= $width ?>px;
height: <?= $width ?>px;
filter: hue-rotate(<?= (1-$i/(1+$imgsPerSide))*180 ?>deg);
top: <?= [-$width, -$width + $i*$width, $mainWidth, $i*$width][$side] ?>px;
left: <?= [-$width + $i * $width, $mainWidth, $i*$width, -$width][$side] ?>px;
"
src="imgs/profile.jpg"
/>
<div
class="additional-profile-filter"
id="addprof-filter-<?= (1+$side)*$i ?>"
style="
width: <?= $width ?>px;
height: <?= $width ?>px;
top: <?= [-$width, -$width + $i*$width, $mainWidth, $i*$width][$side] ?>px;
left: <?= [-$width + $i * $width, $mainWidth, $i*$width, -$width][$side] ?>px;
background-color: rgba(
<?= $base[0] ?>, <?= $base[1] ?>, <?= $base[2] ?>, <?= 0.25 + 0.5*$i/(1+$imgsPerSide) ?>
);
">
</div>
<?php
}
}
?>
<img
class="main-profile"
src="imgs/profile.jpg"
style="width: <?= $mainWidth ?>px"
/>
</div>
</div>
<div class="profile-shadow"></div>
</div>
<div class="profile-content">
<span class="title-1">Hi! I'm Matthieu</span>
<span class="title-2">I like to program stuff</span>
</div>
</div>
</section>
<!-- <section>
<h2>Skills and technologies I work with</h2>
</section> -->
<?php
include('../templates/skills.php')
?>
<!-- <section>
<h2>Projects I worked on</h2>
</section>
<section>
<h2>Contact me</h2>
</section>
<section>
</section> -->
<script src="dist/app.min.js"></script>
</body>
</html>

1
build.sh → static_build.sh
View file

@ -1,5 +1,6 @@
#!/bin/bash #!/bin/bash
# This script will generate a completely static website by downloading page generated by PHP
PORT=8452 PORT=8452
echo "Trying to start a PHP server on port $PORT" echo "Trying to start a PHP server on port $PORT"