diff --git a/.env.example b/.env.example index 08617b4..1d2bca1 100644 --- a/.env.example +++ b/.env.example @@ -1,3 +1,16 @@ +# Laravel config to use with the .lando.yml file +# Replace viewer360 with your app name +APP_NAME=viewer360 +APP_ENV=local +APP_KEY= +APP_DEBUG=true +APP_TIMEZONE=Europe/Zurich +APP_URL=https://viewer360.lndo.site + +APP_LOCALE=fr +APP_FALLBACK_LOCALE=en +APP_FAKER_LOCALE=en_US + APP_MAINTENANCE_DRIVER=file # APP_MAINTENANCE_STORE=database diff --git a/README.md b/README.md index 1a4c26b..dc22bb7 100644 --- a/README.md +++ b/README.md @@ -1,66 +1,33 @@ -

Laravel Logo

- -

-Build Status -Total Downloads -Latest Stable Version -License -

- -## About Laravel - -Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as: - -- [Simple, fast routing engine](https://laravel.com/docs/routing). -- [Powerful dependency injection container](https://laravel.com/docs/container). -- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage. -- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent). -- Database agnostic [schema migrations](https://laravel.com/docs/migrations). -- [Robust background job processing](https://laravel.com/docs/queues). -- [Real-time event broadcasting](https://laravel.com/docs/broadcasting). - -Laravel is accessible, powerful, and provides tools required for large, robust applications. - -## Learning Laravel - -Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework. - -You may also try the [Laravel Bootcamp](https://bootcamp.laravel.com), where you will be guided through building a modern Laravel application from scratch. - -If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains thousands of video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library. - -## Laravel Sponsors - -We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the [Laravel Partners program](https://partners.laravel.com). - -### Premium Partners - -- **[Vehikl](https://vehikl.com/)** -- **[Tighten Co.](https://tighten.co)** -- **[WebReinvent](https://webreinvent.com/)** -- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)** -- **[64 Robots](https://64robots.com)** -- **[Curotec](https://www.curotec.com/services/technologies/laravel/)** -- **[Cyber-Duck](https://cyber-duck.co.uk)** -- **[DevSquad](https://devsquad.com/hire-laravel-developers)** -- **[Jump24](https://jump24.co.uk)** -- **[Redberry](https://redberry.international/laravel/)** -- **[Active Logic](https://activelogic.com)** -- **[byte5](https://byte5.de)** -- **[OP.GG](https://op.gg)** - -## Contributing - -Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions). - -## Code of Conduct - -In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct). - -## Security Vulnerabilities - -If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [taylor@laravel.com](mailto:taylor@laravel.com). All security vulnerabilities will be promptly addressed. - -## License - -The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT). +# Installation + +## Lancer windows sub-system for linux +lancer un cmd +``` + wsl --install -d Ubuntu +``` +Vous etes maintenant dans un terminal linux + +## Installer docker +dans linux installer docker +documentation docker + +## Installer lando +dans linux installer lando +documentation lando + +## Lancer le projet +installer git... +lancer ces commands +``` + git clone https://github.com/anulax1225/mavisite + cd mavisite + cp .env.example .env + lando start + lando composer install + lando php artisan key:gen + lando php artisan migrate + lando npmi + lando dev +``` + +puis se rendre a l'adresse https://viewer360.lndo.site \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 69793e9..6114264 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "viewer360", + "name": "app", "lockfileVersion": 3, "requires": true, "packages": { diff --git a/public/img/bg-dark.png b/public/img/bg-dark.png new file mode 100644 index 0000000..edc40be Binary files /dev/null and b/public/img/bg-dark.png differ diff --git a/public/img/lightsource.png b/public/img/lightsource.png new file mode 100755 index 0000000..2c0cb99 Binary files /dev/null and b/public/img/lightsource.png differ diff --git a/resources/css/app.css b/resources/css/app.css index e090738..92abe0d 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -9,19 +9,23 @@ @layer base { } h2 { - @apply text-gray-100; + @apply text-gray-150; } h3 { - @apply text-gray-150; + @apply text-gray-250; } h4 { - @apply text-gray-200; + @apply text-gray-350; + } + + h5 { + @apply text-white; } p { - @apply text-gray-250; + @apply text-gray-550; } } @@ -35,12 +39,16 @@ @layer components { } .icon { - @apply h-[25px] brightness-0 invert dark:brightness-100 dark:invert-0; + @apply h-[25px] invert dark:brightness-100 dark:invert-0; } } @layer utilities { + .bg-radial { + background: radial-gradient(hsla(0, 0%, 5%, 0.568), hsla(0, 0%, 25%, 0)); + } + /* Hide scrollbar for Chrome, Safari and Opera */ .no-scrollbar::-webkit-scrollbar { display: none; diff --git a/resources/views/color.blade.php b/resources/views/color.blade.php index 5ea89c4..06f3209 100644 --- a/resources/views/color.blade.php +++ b/resources/views/color.blade.php @@ -10,8 +10,8 @@ @vite("resources/css/app.css") - -
+ +
@@ -24,7 +24,7 @@
-
+
diff --git a/resources/views/demo.blade.php b/resources/views/demo.blade.php new file mode 100644 index 0000000..36dbbaf --- /dev/null +++ b/resources/views/demo.blade.php @@ -0,0 +1,11 @@ +@extends("layout") + +@section("content") +
+

Demo

+
+ +
+
+@endsection + diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php index 6f0160b..320fcc4 100644 --- a/resources/views/home.blade.php +++ b/resources/views/home.blade.php @@ -1,11 +1,69 @@ @extends("layout") @section("content") -
-
- -

Viewer 360°

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porta pretium risus. Curabitur eleifend maximus orci. Mauris a diam nec tortor posuere dapibus non ut mi. Quisque egestas tempor nibh, et efficitur nulla viverra eget. Aenean neque justo, sollicitudin sit amet vestibulum sed, posuere non mi. Nulla molestie diam felis. Curabitur a nisl pharetra, tempor dui ac, vestibulum ipsum. Fusce pulvinar dapibus orci commodo sodales. Maecenas mattis metus vitae turpis facilisis elementum. Donec luctus nunc porttitor ipsum imperdiet aliquet. Maecenas orci lectus, maximus vel ultricies ac, tristique a purus. Vestibulum at dui magna. Fusce a urna varius, varius massa eget, efficitur ligula. Nam elementum lorem urna. Pellentesque in magna elit.

+
+ +
+
MaVisite360°
+
Ma visite, mon choix à 360°
+
+
+
+

Histoire

+

Fondée en 2024 et basée à Neuchâtel. MaVisite360 est une entreprise fictive spécialisée dans les technologies immersives, avec un site web accessible sous le nom de domaine mv360.ch.

+

MaVisite360 propose un service novateur de visites virtuelles immersives 360°, destiné principalement aux agences immobilières. Notre solution clé en main englobe toutes les étapes : prise de contact, capture de photos professionnelles, création de visites virtuelles interactives et hébergement en ligne. Cette approche permet une intégration simple et rapide sur les sites web des clients.

+
+
+
+
Vision
+
Transformer la présentation immobilière en une expérience immersive, accessible et sans contraintes.
+
+
+
Valeurs
+
    +
  • Innovation
    • +
  • Simplicité
    • +
  • Professionnalisme
    • +
+
+
+
Mission
+
Offrir une solution clé en main de visites virtuelles 360°, permettant aux agences immobilières et autres secteurs de valoriser leurs espaces et de gagner en efficacité.
+
+
+
+ +

Services et offres

+
+
+
    +
  • Capture des photos haute définition en 360°.
    • +
  • Création de visites virtuelles interactives via Panoee.
    • +
  • Hébergement en ligne sur une plateforme accessible (mv360.ch).
    • +
+
+
+
+
+
+

Forfait unique

+
    +
  • Prise des photo de votre visite
    • +
  • Création de la visite virtuelle
    • +
  • Hébergement (inclue des frais supplémentaire)
    • +
+
+
+
+
+

Forfait unique

+
    +
  • Prise des photo de votre visite
    • +
  • Création de la visite virtuelle
    • +
  • Hébergement (inclue des frais supplémentaire)
    • +
+
+
@endsection \ No newline at end of file diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php index 164cf39..022046d 100644 --- a/resources/views/layout.blade.php +++ b/resources/views/layout.blade.php @@ -3,42 +3,54 @@ + - Viewer 360 + + + + + Viewer 360 - {{ $title }} @vite("resources/js/app.js") @vite("resources/css/app.css") - -
@yield("content") + \ No newline at end of file diff --git a/routes/web.php b/routes/web.php index b1398de..1d05323 100644 --- a/routes/web.php +++ b/routes/web.php @@ -3,7 +3,11 @@ use Illuminate\Support\Facades\Route; Route::get('/', function () { - return view('home'); + return view('home', [ "title" => "home" ]); +}); + +Route::get('/demo', function () { + return view('demo', [ "title" => "demo" ]); }); Route::get('/colors', function () { diff --git a/tailwind.config.js b/tailwind.config.js index b56cf10..e295062 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -24,6 +24,7 @@ export default { fontFamily: { sans: ['Figtree', ...defaultTheme.fontFamily.sans], pro: ['Open Sans', 'Arial'], + robo: ['Roboto'] }, colors: { gray: {