anulax
/
visite360.anulax.ch
1
0
Fork 0
Code Issues Pull Requests Packages project_board Releases Wiki Activity

Gross boulot avec nolan

Browse Source
main
anulax1225 ago%!(EXTRA string=5 months)
parent dd5074ca35
commit fc4679a070
6 changed files with 67 additions and 56 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      .env.example
  2. 10
      .lando.yml
  3. 10
      resources/views/demo.blade.php
  4. 27
      resources/views/home.blade.php
  5. 32
      resources/views/layout.blade.php
  6. 6
      vite.config.js

10
.env.example
Unescape View File

@ -1,11 +1,11 @@
# Laravel config to use with the .lando.yml file # Laravel config to use with the .lando.yml file
# Replace viewer360 with your app name # Replace mv360 with your app name
APP_NAME=viewer360 APP_NAME=mv360
APP_ENV=local APP_ENV=local
APP_KEY= APP_KEY=
APP_DEBUG=true APP_DEBUG=true
APP_TIMEZONE=Europe/Zurich APP_TIMEZONE=Europe/Zurich
APP_URL=https://viewer360.lndo.site APP_URL=https://mv360.lndo.site
APP_LOCALE=fr APP_LOCALE=fr
APP_FALLBACK_LOCALE=en APP_FALLBACK_LOCALE=en
@ -57,10 +57,10 @@ MAIL_PORT=1025
MAIL_USERNAME=null MAIL_USERNAME=null
MAIL_PASSWORD=null MAIL_PASSWORD=null
MAIL_ENCRYPTION=null MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS="noreply@viewer360.ch" MAIL_FROM_ADDRESS="noreply@mv360.ch"
MAIL_FROM_NAME="${APP_NAME}" MAIL_FROM_NAME="${APP_NAME}"
AWS_URL="https://s3-viewer360.lndo.site" AWS_URL="https://s3-mv360.lndo.site"
AWS_ENDPOINT="http://minio:9000" AWS_ENDPOINT="http://minio:9000"
AWS_ACCESS_KEY_ID=minio AWS_ACCESS_KEY_ID=minio
AWS_SECRET_ACCESS_KEY=miniosecret AWS_SECRET_ACCESS_KEY=miniosecret

10
.lando.yml
Unescape View File

@ -1,4 +1,4 @@
name: viewer360 name: mv360
recipe: laravel recipe: laravel
config: config:
via: nginx via: nginx
@ -61,11 +61,13 @@ services:
name: redis name: redis
type: redis type: redis
proxy: proxy:
appserver_nginx:
- localhost.mv360.ch
minio: minio:
- s3-viewer360.lndo.site:9000 - s3-mv360.lndo.site:9000
- s3admin-viewer360.lndo.site:9001 - s3admin-mv360.lndo.site:9001
mailpit: mailpit:
- mailpit-viewer360.lndo.site:8025 - mailpit-mv360.lndo.site:8025
# if you use node, these below will configure the shortcuts # if you use node, these below will configure the shortcuts
# - lando dev => npm run dev in the node container # - lando dev => npm run dev in the node container
# - lando build => npm run build in the node container # - lando build => npm run build in the node container

10
resources/views/demo.blade.php
Unescape View File

@ -1,11 +1,15 @@
@extends("layout") @extends("layout")
@section("content") @section("content")
<div class="flex flex-col w-3/4 mx-auto mt-2 pt-10 h-full"> <div class="flex flex-col w-3/4 mx-auto mt-2 pt-5 h-full">
<h1 class="px-3 text-[3rem] font-semibold">Demo</h1> <h1 class="px-3 text-[3rem] font-semibold border-b border-gray-750 mb-5">Demo</h1>
<div class="rounded-3xl overflow-hidden w-full h-3/4 mt-2 shadow-sm shadow-gray-950"> <div class="w-full h-3/4 bg-gradient-to-r from-orange-400 to-orange-600 p-[3px] rounded-2xl mt-2 shadow-sm shadow-gray-950 overflow-hidden">
<div class="rounded-2xl bg-gray-900 p-[30px] overflow-hidden w-full h-full">
<div class="rounded-xl overflow-hidden w-full h-full shadow-xl shadow-gray-950">
<iframe src="https://tour.panoee.net/natadesa-endek/62621a50118202256c6ab134" class="w-full h-full"></iframe> <iframe src="https://tour.panoee.net/natadesa-endek/62621a50118202256c6ab134" class="w-full h-full"></iframe>
</div> </div>
</div> </div>
</div>
</div>
@endsection @endsection

27
resources/views/home.blade.php
Unescape View File

@ -3,33 +3,38 @@
@section("content") @section("content")
<div class="relative flex flex-col items-center justify-center overflow-hidden"> <div class="relative flex flex-col items-center justify-center overflow-hidden">
<img class="w-full absolute right-0 left-0 -z-10 blur-[4px]" src="/img/immo.jpg"> <img class="w-full absolute right-0 left-0 -z-10 blur-[4px]" src="/img/immo.jpg">
<div class="bg-gradient-to-tr from-orange-600 to-orange-400 rounded-lg shadow-md shadow-gray-800 flex flex-col items-center p-10 mt-10 mb-10 w-fit"> <div class="w-3/4 bg-gradient-to-tr from-orange-600/80 to-orange-400/80 rounded-lg
shadow-lg shadow-gray-800 flex flex-col items-center p-14 my-7">
<h5 class="text-[6rem] font-bold mx-auto leading-none">Ma Visite 360</h5> <h5 class="text-[6rem] font-bold mx-auto leading-none">Ma Visite 360</h5>
<h5 class="text-[1.2rem] italic text-center mx-auto">Ma visite, mon choix à 360°</h5> <h5 class="text-[1.2rem] italic text-center mx-auto">Ma visite, mon choix à 360°</h5>
</div> </div>
</div> </div>
<div class="flex flex-col w-3/4 h-fit mx-auto mb-10"> <div class="flex flex-col w-3/4 h-fit mx-auto mb-10">
<h1 class="mt-10 px-3 text-[3rem] font-bold">Histoire</h1> <h1 class="mt-10 px-3 text-[3rem] font-bold border-b border-gray-750">Histoire</h1>
<h2 class="px-3 mx-auto text-[1.4rem] font-semibold"> <div class="w-full flex items-start mt-2">
Fondée en 2024 et basée à Neuchâtel. <h2 class="pl-3 mr-16 w-1/2 text-[1.5rem] font-semibold">
Fondée en 2024 et basée à Neuchâtel.<br>
"Ma Visite 360" est une entreprise fictive spécialisée dans les technologies immersives, "Ma Visite 360" est une entreprise fictive spécialisée dans les technologies immersives,
avec un site web accessible sous le nom de domaine mv360.ch. avec un site web accessible sous le nom de domaine mv360.ch.
</h2> </h2>
<h2 class="mt-5 px-3 text-[1.3rem]"> <div class="mt-1">
<h2 class="text-[1.3rem]">
"Ma Visite 360" propose un service novateur de visites virtuelles immersives 360°, "Ma Visite 360" propose un service novateur de visites virtuelles immersives 360°,
destiné principalement aux agences immobilières.<br> destiné principalement aux agences immobilières.<br>
Notre solution clé en main englobe toutes les étapes : Notre solution clé en main englobe toutes les étapes :
</h2> </h2>
<ul class="text-gray-50 text-[1.3rem] list-disc px-10"> <ul class="text-gray-50 text-[1.3rem] list-disc px-7">
<li><h3 class="font-semibold">Prise de contact.</h3></li> <li><h3 class="font-semibold">Prise de contact.</h3></li>
<li><h3 class="font-semibold">Capture de photos professionnelles.</h3></li> <li><h3 class="font-semibold">Capture de photos professionnelles.</h3></li>
<li><h3 class="font-semibold">Création de visites virtuelles interactives et hébergement en ligne.</h3></li> <li><h3 class="font-semibold">Création de visites virtuelles interactives et hébergement en ligne.</h3></li>
</ul> </ul>
<h2 class="px-3 text-[1.3rem] mt-1"> <h2 class="text-[1.3rem]">
Cette approche permet une intégration simple et rapide sur les sites web des clients. Cette approche permet une intégration simple et rapide sur les sites web des clients.
</h2> </h2>
</div>
</div>
<div class="w-full h-fit flex items-center justify-center flex-col"> <div class="w-full h-fit flex items-center justify-center flex-col border-b border-gray-750 pb-1">
<div class="mt-5 flex w-full items-center"> <div class="mt-5 flex w-full items-center">
<div class="w-[40%] p-3 hover:scale-105 m-3 bg-gradient-to-tr from-orange-600 to-orange-500 shadow-md shadow-gray-900 rounded-lg"> <div class="w-[40%] p-3 hover:scale-105 m-3 bg-gradient-to-tr from-orange-600 to-orange-500 shadow-md shadow-gray-900 rounded-lg">
<h5 class="text-[2rem] font-semibold w-full text-center">Vision</h5> <h5 class="text-[2rem] font-semibold w-full text-center">Vision</h5>
@ -50,7 +55,7 @@
</div> </div>
</div> </div>
<h1 class="px-3 text-[3rem] font-semibold mt-7">Services et offres</h1> <h1 class="px-3 text-[3rem] font-semibold mt-8 border-b border-gray-750 mb-5">Services et offres</h1>
<div class="w-full px-3 flex justify-between items-center"> <div class="w-full px-3 flex justify-between items-center">
<div class="w-[40%] p-8 mr-2 hover:scale-[1.01] bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> <div class="w-[40%] p-8 mr-2 hover:scale-[1.01] bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg">
<h5 class="text-[2rem] font-semibold text-center">Visite</h5> <h5 class="text-[2rem] font-semibold text-center">Visite</h5>
@ -75,7 +80,7 @@
<div> <div>
<div class="w-full flex justify-between items-center"> <div class="w-full flex justify-between items-center">
<h1 class="text-[2rem] font-bold ">Visite unique</h1> <h1 class="text-[2rem] font-bold ">Visite unique</h1>
<h3 class="text-[1rem]">200.-</h3> <h3 class="text-[1.6rem]">200.-</h3>
</div> </div>
<ul class="text-gray-150 text-[1.3rem] list-disc px-5 mt-2"> <ul class="text-gray-150 text-[1.3rem] list-disc px-5 mt-2">
<li><h5 class="text-[1rem]">Prise des photo de votre visite</h5></li> <li><h5 class="text-[1rem]">Prise des photo de votre visite</h5></li>
@ -92,7 +97,7 @@
<div> <div>
<div class="w-full flex justify-between items-center"> <div class="w-full flex justify-between items-center">
<h1 class="text-[2rem] font-bold ">Abonnement premium</h1> <h1 class="text-[2rem] font-bold ">Abonnement premium</h1>
<h3 class="text-[1rem]">60.-/mois</h3> <h3 class="text-[1.6rem]">60.-/mois</h3>
</div> </div>
<ul class="text-gray-150 text-[1.3rem] list-disc px-5 mt-2"> <ul class="text-gray-150 text-[1.3rem] list-disc px-5 mt-2">
<li><h5 class="text-[1rem]">Réduction de 10% sur les la création de visite virtuelle</h5></li> <li><h5 class="text-[1rem]">Réduction de 10% sur les la création de visite virtuelle</h5></li>

32
resources/views/layout.blade.php
Unescape View File

@ -18,7 +18,7 @@
<!--<img src="/img/lightsource.png" class="w-full absolute top-0 right-0 left-0 -z-10">--> <!--<img src="/img/lightsource.png" class="w-full absolute top-0 right-0 left-0 -z-10">-->
<nav class="sticky right-0 left-0 top-0 h-16 z-50"> <nav class="sticky right-0 left-0 top-0 h-16 z-50">
<div class="w-full h-full flex items-center justify-center bg-gradient-to-r from-gray-850 via-gray-600 to-gray-850 pb-[2px]"> <div class="w-full h-full flex items-center justify-center bg-gradient-to-r from-gray-850 via-gray-600 to-gray-850 pb-[2px]">
<div class="w-full h-full px-[12.5%] flex justify-between bg-gray-800"> <div class="w-full h-full px-[12.5%] flex justify-between bg-gray-850">
<div class="flex items-center h-full"> <div class="flex items-center h-full">
<a href="/" class="h-full"><img src="/img/logo-mavisite360.png" class="h-full hover:scale-105 mr-2 p-3"></a> <a href="/" class="h-full"><img src="/img/logo-mavisite360.png" class="h-full hover:scale-105 mr-2 p-3"></a>
<p class="text-lg text-white bg-gradient-to-tr from-orange-400 to-orange-600 rounded-lg px-4 font-semibold">{{ $title }}</p> <p class="text-lg text-white bg-gradient-to-tr from-orange-400 to-orange-600 rounded-lg px-4 font-semibold">{{ $title }}</p>
@ -53,20 +53,6 @@
@yield("content") @yield("content")
<footer class="w-full bg-gray-800"> <footer class="w-full bg-gray-800">
<div class="w-3/4 px-3 mx-auto flex flex-col items-center justify-between"> <div class="w-3/4 px-3 mx-auto flex flex-col items-center justify-between">
<div class="w-full mt-10 flex flex-col items-center">
<h2 class="font-semibold text-[1.7rem] mb-1">Nos partenaires</h2>
<div class="relative w-full flex items-center h-20 mb-5 overflow-hidden">
<img src="/img/panoee.png" class="w-32 slider" style="--delay: 0s;">
<img src="/img/infomaniak.png" class="w-32 slider" style="--delay: 2s;">
<img src="/img/cpne.jpg" class="w-32 slider" style="--delay: 4s;">
<img src="/img/entreprise_immo_1.png" class="w-32 slider" style="--delay: 6s;">
<img src="/img/entreprise_immo_2.jpeg" class="w-32 slider" style="--delay: 8s;">
<img src="/img/entreprise_immo_3.png" class="w-32 slider" style="--delay: 10s;">
<img src="/img/entreprise_immo_4.png" class="w-32 slider" style="--delay: 12s;">
<img src="/img/entreprise_immo_5.webp" class="w-32 slider" style="--delay: 14s;">
<img src="/img/entreprise_immo_6.png" class="w-32 slider" style="--delay: 16s;">
</div>
</div>
<div class="w-full mt-5 flex items-center"> <div class="w-full mt-5 flex items-center">
<div id="contact" class="w-1/3 mb-10"> <div id="contact" class="w-1/3 mb-10">
<h2 class="font-semibold text-[1.7rem] border-b-2 border-gray-750 w-3/4 pr-20 mb-2">Nous contacter</h2> <h2 class="font-semibold text-[1.7rem] border-b-2 border-gray-750 w-3/4 pr-20 mb-2">Nous contacter</h2>
@ -99,8 +85,22 @@ class="h-fit rounded-lg text-sm hover:scale-105 bg-orange-600 px-4 py-2 text-whi
<img src="/img/twitter.svg" class="w-[2rem] invert"> <img src="/img/twitter.svg" class="w-[2rem] invert">
</div> </div>
</div> </div>
<p class="italic w-1/3 text-right self-end pb-2">&copy; 2024 Créer par l'équipe Ma Visite 360</p>
</div> </div>
<div class="w-full mt-10 flex flex-col items-center">
<h2 class="font-semibold text-[1.7rem] mb-1">Nos partenaires</h2>
<div class="relative w-full flex items-center h-20 mb-5 overflow-hidden">
<img src="/img/panoee.png" class="w-32 slider" style="--delay: 0s;">
<img src="/img/infomaniak.png" class="w-32 slider" style="--delay: 2s;">
<img src="/img/cpne.jpg" class="w-32 slider" style="--delay: 4s;">
<img src="/img/entreprise_immo_1.png" class="w-32 slider" style="--delay: 6s;">
<img src="/img/entreprise_immo_2.jpeg" class="w-32 slider" style="--delay: 8s;">
<img src="/img/entreprise_immo_3.png" class="w-32 slider" style="--delay: 10s;">
<img src="/img/entreprise_immo_4.png" class="w-32 slider" style="--delay: 12s;">
<img src="/img/entreprise_immo_5.webp" class="w-32 slider" style="--delay: 14s;">
<img src="/img/entreprise_immo_6.png" class="w-32 slider" style="--delay: 16s;">
</div>
</div>
<p class="italic w-1/3 text-right self-end pb-2">&copy; 2024 Créer par l'équipe Ma Visite 360</p>
</div> </div>
</footer> </footer>
</body> </body>

6
vite.config.js
Unescape View File

@ -4,11 +4,11 @@ import * as fs from "fs"
export default defineConfig({ export default defineConfig({
server: { server: {
hmr: { host: 'viewer360.lndo.site', protocol: 'wss' }, hmr: { host: 'mv360.lndo.site', protocol: 'wss' },
host: true, host: true,
https: { https: {
cert: fs.readFileSync('/lando/certs/appserver_nginx.viewer360.crt'), cert: fs.readFileSync('/lando/certs/appserver_nginx.mv360.crt'),
key: fs.readFileSync('/lando/certs/appserver_nginx.viewer360.key'), key: fs.readFileSync('/lando/certs/appserver_nginx.mv360.key'),
}, },
// If you have multiple active apps, you might want to change the port number // If you have multiple active apps, you might want to change the port number
// to avoid conflicts // to avoid conflicts

Write Preview
Loading…
Cancel
Save