Ladebeze66/Inception
1
0
Fork 0
mirror of https://github.com/Ladebeze66/Inception.git synced 2025-12-15 13:47:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

modif3

Browse Source
This commit is contained in:
Ladebeze66 2024-08-25 19:31:52 +02:00
parent d80f2f7417
commit 0539e76703
10 changed files with 33 additions and 369 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Makefile
View File

@ -54,6 +54,6 @@ create-volumes:
start-docker:
@echo "Starting Docker Compose in detached mode..."
@docker-compose -f $(DOCKER_COMPOSE_FILE) up -d --build
@docker-compose -f $(DOCKER_COMPOSE_FILE) up --build
.PHONY: all re down clean setup-hosts create-volumes start-docker sudo-validate

8
srcs/.env
View File

@ -1,16 +1,16 @@
DOMAIN_NAME=fgras-ca.42.fr
CERTS_=/etc/nginx/ssl/inception.key
MYSQL_HOSTNAME=mariadb
MYSQL_DATABASE=wordpress
MYSQL_USER=fgras
MYSQL_PASSWORD=1234
MYSQL_ROOT_PASSWORD=5678
WP_TITLE=FernandGrasCalvet
WP_ADMIN_USR=fgras-ca
WP_ADMIN_USR=fgras
WP_ADMIN_PWD=1234
WP_ADMIN_EMAIL=fgras.ca@gmail.com
WP_USR=fgras
WP_USR=fgras2
WP_EMAIL=fgras.ca@42.com
WP_PWD=123
ftp_user=Dino
ftp_pwd=gg66!

2
srcs/docker-compose.yml
View File

@ -32,7 +32,7 @@ services:
- inception
volumes:
- wordpress_data:/var/www/html
restart: always
restart: on-failure
nginx:
container_name: nginx

5
srcs/requirements/wordpress/Dockerfile
View File

@ -13,7 +13,7 @@ RUN apt update -y && apt upgrade -y && \
# Copier les fichiers de configuration PHP et le script d'auto-configuration
COPY ./conf/www.conf /etc/php/7.4/fpm/pool.d/www.conf
COPY ./conf/wp-config.php /var/www/html/
COPY ./conf/wp-config.php /var/www/html/wp-config.php
COPY ./tools/auto_config.sh /usr/local/bin/
# Assurer les bonnes permissions pour les fichiers
@ -22,8 +22,7 @@ RUN chmod +x /usr/local/bin/auto_config.sh && \
chown -R www-data:www-data /var/www/html ; \
chown www-data:www-data /var/www/html/index.php
RUN chmod -R 777 /var/www/html
COPY ./conf/web /var/www/html
RUN chmod -R 777 /var/www/html
ENTRYPOINT ["/usr/local/bin/auto_config.sh"]

BIN
srcs/requirements/wordpress/conf/web/Inception_Visual.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 740 KiB

170
srcs/requirements/wordpress/conf/web/index.html
View File

@ -1,170 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>INCEPTION - 42 Perpignan</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
<style>
body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #141414;
overflow: hidden;
font-family: 'Orbitron', sans-serif;
position: relative;
}
.container {
text-align: center;
color: #ffffff;
z-index: 1;
position: relative;
width: 100%;
height: 100%;
}
.title {
font-size: 4em;
font-weight: bold;
color: #ffffff; /* Blanc */
position: absolute;
top: 20px;
left: 20px;
}
.school {
font-size: 3em;
font-weight: bold;
color: #0000ff; /* Bleu */
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.pseudo {
font-size: 2em;
font-weight: bold;
color: #8b0000; /* Rouge tendant vers le violet */
position: absolute;
bottom: 20px;
left: 20px;
}
.datetime {
font-size: 1.5em;
color: #ff6666; /* Rouge plus clair */
position: absolute;
bottom: 20px;
right: 20px;
}
.button {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px 20px;
font-size: 1.5em;
background-color: rgba(255, 255, 255, 0.5); /* Transparence */
color: #000000;
font-weight: bold;
border: none;
cursor: pointer;
}
.jump-scare {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
width: 0;
height: 0;
overflow: hidden;
}
.jump-scare img {
width: 100%;
height: auto;
}
@keyframes rainEffect {
0% {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
100% {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
.background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url('Inception_Visual.webp');
background-repeat: no-repeat;
background-size: cover;
animation: zoomIn 20s infinite;
}
@keyframes zoomIn {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
</style>
</head>
<body>
<div class="background"></div>
<div class="container">
<div class="title">INCEPTION</div>
<div class="school">42 Perpignan</div>
<div class="pseudo">fgras-ca</div>
<div class="datetime" id="datetime"></div>
<button class="button" id="myButton">Click there!!</button>
<div class="jump-scare" id="jumpScare">
<!-- Columns will be generated by JavaScript -->
</div>
</div>
<script>
function updateDateTime() {
const now = new Date();
const datetimeElement = document.getElementById('datetime');
const options = { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
datetimeElement.textContent = now.toLocaleDateString('fr-FR', options);
}
setInterval(updateDateTime, 1000);
updateDateTime();
function showButton() {
document.getElementById('myButton').style.display = 'block';
}
setTimeout(showButton, 5000);
document.getElementById('myButton').addEventListener('click', function() {
const jumpScareContainer = document.getElementById('jumpScare');
const imageSrc = 'jump_scare_image.webp'; // Update with your image path
const columns = 50; // Number of columns
const columnWidth = 100 / columns;
jumpScareContainer.style.width = '80%';
jumpScareContainer.style.height = '80%';
for (let i = 0; i < columns; i++) {
const column = document.createElement('div');
column.classList.add('column');
column.style.position = 'absolute';
column.style.top = '0';
column.style.left = `${i * columnWidth}%`;
column.style.width = `${columnWidth}%`;
column.style.height = '100%';
column.style.backgroundImage = `url(${imageSrc})`;
column.style.backgroundSize = `${columns * 100}% 100%`;
column.style.backgroundPosition = `${-i * 100}% 0`;
column.style.animation = `rainEffect 10s ease-in-out ${Math.random() * 5}s forwards`;
jumpScareContainer.appendChild(column);
}
jumpScareContainer.style.display = 'block';
});
</script>
</body>
</html>

170
srcs/requirements/wordpress/conf/web/index.php
View File

@ -1,170 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>INCEPTION - 42 Perpignan</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
<style>
body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #141414;
overflow: hidden;
font-family: 'Orbitron', sans-serif;
position: relative;
}
.container {
text-align: center;
color: #ffffff;
z-index: 1;
position: relative;
width: 100%;
height: 100%;
}
.title {
font-size: 4em;
font-weight: bold;
color: #ffffff; /* Blanc */
position: absolute;
top: 20px;
left: 20px;
}
.school {
font-size: 3em;
font-weight: bold;
color: #0000ff; /* Bleu */
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.pseudo {
font-size: 2em;
font-weight: bold;
color: #8b0000; /* Rouge tendant vers le violet */
position: absolute;
bottom: 20px;
left: 20px;
}
.datetime {
font-size: 1.5em;
color: #ff6666; /* Rouge plus clair */
position: absolute;
bottom: 20px;
right: 20px;
}
.button {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px 20px;
font-size: 1.5em;
background-color: rgba(255, 255, 255, 0.5); /* Transparence */
color: #000000;
font-weight: bold;
border: none;
cursor: pointer;
}
.jump-scare {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
width: 0;
height: 0;
overflow: hidden;
}
.jump-scare img {
width: 100%;
height: auto;
}
@keyframes rainEffect {
0% {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
100% {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
.background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url('Inception_Visual.webp');
background-repeat: no-repeat;
background-size: cover;
animation: zoomIn 20s infinite;
}
@keyframes zoomIn {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
</style>
</head>
<body>
<div class="background"></div>
<div class="container">
<div class="title">INCEPTION</div>
<div class="school">42 Perpignan</div>
<div class="pseudo">fgras-ca</div>
<div class="datetime" id="datetime"></div>
<button class="button" id="myButton">Click there!!</button>
<div class="jump-scare" id="jumpScare">
<!-- Columns will be generated by JavaScript -->
</div>
</div>
<script>
function updateDateTime() {
const now = new Date();
const datetimeElement = document.getElementById('datetime');
const options = { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
datetimeElement.textContent = now.toLocaleDateString('fr-FR', options);
}
setInterval(updateDateTime, 1000);
updateDateTime();
function showButton() {
document.getElementById('myButton').style.display = 'block';
}
setTimeout(showButton, 5000);
document.getElementById('myButton').addEventListener('click', function() {
const jumpScareContainer = document.getElementById('jumpScare');
const imageSrc = 'jump_scare_image.webp'; // Update with your image path
const columns = 50; // Number of columns
const columnWidth = 100 / columns;
jumpScareContainer.style.width = '80%';
jumpScareContainer.style.height = '80%';
for (let i = 0; i < columns; i++) {
const column = document.createElement('div');
column.classList.add('column');
column.style.position = 'absolute';
column.style.top = '0';
column.style.left = `${i * columnWidth}%`;
column.style.width = `${columnWidth}%`;
column.style.height = '100%';
column.style.backgroundImage = `url(${imageSrc})`;
column.style.backgroundSize = `${columns * 100}% 100%`;
column.style.backgroundPosition = `${-i * 100}% 0`;
column.style.animation = `rainEffect 10s ease-in-out ${Math.random() * 5}s forwards`;
jumpScareContainer.appendChild(column);
}
jumpScareContainer.style.display = 'block';
});
</script>
</body>
</html>

BIN
srcs/requirements/wordpress/conf/web/jump_scare_image.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 380 KiB

22
srcs/requirements/wordpress/conf/wp-config.php
View File

@ -1,18 +1,28 @@
<?php
// ** Paramètres MySQL ** //
define('DB_NAME', getenv('MYSQL_DATABASE'));
define('DB_USER', getenv('MYSQL_USER'));
define('DB_PASSWORD', getenv('MYSQL_PASSWORD'));
define('DB_HOST', 'mariadb');
define('DB_HOST', getenv('MYSQL_HOSTNAME'));
define('DB_CHARSET', 'utf8');
// ** Paramètres du site ** //
define('URL', getenv('DOMAIN_NAME'));
define('TITLE', getenv('WP_TITLE'));
define('WP_HOME', 'https://' . getenv('DOMAIN_NAME'));
define('WP_SITEURL', 'https://' . getenv('DOMAIN_NAME'));
// ** Paramètres de l'administrateur ** //
define('ADMIN_USER', getenv('WP_ADMIN_USR'));
define('ADMIN_PASSWORD', getenv('WP_ADMIN_PWD'));
define('ADMIN_EMAIL', getenv('WP_ADMIN_EMAIL'));
define('WP_HOME', 'https://' . getenv('DOMAIN_NAME'));
define('WP_SITEURL', 'https://' . getenv('DOMAIN_NAME'));
define('WP_USR', getenv('fgras'));
// ** Paramètres de l'utilisateur ** //
define('WP_USR', getenv('WP_USR'));
define('WP_EMAIL', getenv('WP_EMAIL'));
define('WP_PWD', getenv('WP_PWD'));
// ** Clés uniques d'authentification et salage ** //
define('AUTH_KEY', 'AIE4!9u^Xf93DSe(-Y-=v$CU#f}N5qwR/43{/A_?aX@6{!8Ysk^G];W= DXtN.pV');
define('SECURE_AUTH_KEY', ';o*Qw7fZg,=2{SpKy8Ic9<=wGJAPt|8s<.yxfTcrSQgvH[/+!/@l20?1nd^C#MS`');
define('LOGGED_IN_KEY', ')?zr-W7s~RDR5PW|V6Ie`9Heq~T23IeQeD%*Z/U^|b%3 sk+z`3m|)#zyRr2pf=!');
@ -22,11 +32,15 @@ define('SECURE_AUTH_SALT', 'ZnDGUX{EtppgS7gTLqg|xYcS26(WB-xP3?ldWSs|Ak;UTWpJ<SCo
define('LOGGED_IN_SALT', 'h}7^=g(R+c#[T3tIu3|wJpBQ{]aheu(+{k>`fGisKDii7agi^P}-@}Gm#m>A6Gb|');
define('NONCE_SALT', 'ZaiFh{H~?Z34?18v[=Wi<T0k&nQMm2%L:l:|:z<f[knH^yz&#oEaR0g6h1Z-MLzH');
// ** Préfixe des tables ** //
$table_prefix = 'wp_';
// ** Mode débogage ** //
define('WP_DEBUG', false);
// ** Chemin absolu vers le répertoire WordPress ** //
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/');
// ** Paramètres WordPress ** //
require_once(ABSPATH . 'wp-settings.php');

23
srcs/requirements/wordpress/tools/auto_config.sh
View File

@ -1,29 +1,20 @@
#!/bin/bash
# Attendre que MariaDB soit prêt à accepter des connexions
echo "Waiting for MariaDB to be ready..."
sleep 10
# Créer le répertoire pour le PID de PHP-FPM et définir les permissions
mkdir -p /run/php
chown www-data:www-data /run/php
# Télécharger WP-CLI si nécessaire
if [ ! -f /usr/local/bin/wp ]; then
wget https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
chmod +x wp-cli.phar
mv wp-cli.phar /usr/local/bin/wp
fi
# Télécharger et extraire WordPress
if [ ! -f /var/www/html/wp-config.php ]; then
wget https://fr.wordpress.org/wordpress-6.0-fr_FR.tar.gz -O /tmp/wordpress.tar.gz
tar -xzvf /tmp/wordpress.tar.gz -C /var/www/html --strip-components=1
chown -R www-data:www-data /var/www/html
chmod -R 755 /var/www/html
chmod -R 777 /var/www/html
fi
# Installer WordPress
if ! $(wp core is-installed --path='/var/www/html' --allow-root); then
wp core install --url=${DOMAIN_NAME} --title=${WP_TITLE} --admin_user=${WP_ADMIN_USR} --admin_password=${WP_ADMIN_PWD} --admin_email=${WP_ADMIN_EMAIL} --path='/var/www/html' --allow-root
echo "=== WordPress installed ==="
# Créer un utilisateur supplémentaire
wp user create ${WP_USR} ${WP_EMAIL} --user_pass=${WP_PWD} --role=subscriber --path='/var/www/html' --allow-root
echo "=== User ${WP_USR} created ==="
else
echo "=== WordPress is already installed ==="
fi