PATH:
home
/
rwabteecom
/
project_11
/
resources
/
views
/
web
/
onboarding
/
Editing: last.blade.php
@extends('web.layouts.base') @section('css') <link rel="stylesheet" href="{{asset('dashboard/css/pages/index.css')}}" /> <style> .share-area{ height: 100vh; padding-bottom: 14px } .view-box{ min-height: unset !important } .share-content .view-box{ max-width: 312px; } .share-content .view-box{ background: #eee; border-radius: 26px; box-shadow: 0 121px 49px #00000005,0 68px 41px #00000014,0 30px 30px #00000024,0 8px 17px #00000029 } .share-content .view-box .ifram-con{ border: none; border-radius: 20px; box-shadow: none } .share-content .view-box .ifram-con iframe{border-radius: 20px;} .page-footer{ position: sticky; bottom: 0; width: 100%; height: 100px; background: #fff; box-shadow: 0 -8px 41px #d2d2d2; } .form-submit,.btn-white { height: 50px; padding: 0 23px; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; font-weight: 600; line-height: 21px; letter-spacing: 0em; color: #fff; background-color: var(--main-color); } .btn-white{ color: #333; background: #fff; border: 1px solid #eee } .btn-white:hover{border-color: #000} </style> @endsection @section('body') <section class="last-page share-content share-area" style="margin-bottom: 150px"> <div class="container text-center"> <div class="text-center pt-0 pb-3 plans-top sib-area"> <h1 class="plans-title mb-2 mt-3 fw-bold"> {{ __('Your Link is ready!') }}</h1> <p class="text-secondary mb-3 text-center small"> {{__("you can now share your link with the world")}} </p> <div class="d-flex justify-content-center"> <a href="{{ getUserLink() }}" target="_blank" class="mb-2 text-center me-0 me-md-2 mt-3 mt-md-0 link-text" id="userLink">{{ getUserLink() }}</a> </div> </div> @include('dashboard.partials.mobile-preview') </div> </section> <div class="page-footer d-flex justify-content-center align-items-center mb-0"> <a href="{{getUserLink()}}" class="btn btn-white me-2"> {{__("View Link")}} </a> <a href="{{route('dashboard.index')}}" class="form-submit"> {{__("Continue Edititng")}} </a> </div> @endsection @section('js') <script src="{{asset('dashboard/js/confetti.browser.min.js')}}"></script> <script> window.onload = function() { const end = Date.now() + 2000; // go Buckeyes! const colors = ["#bb0000", '#ffe13c']; (function frame() { confetti({ particleCount: 2, angle: 60, spread: 55, origin: { x: 0 }, colors: colors, }); confetti({ particleCount: 2, angle: 120, spread: 55, origin: { x: 1 }, colors: colors, }); if (Date.now() < end) { requestAnimationFrame(frame); } })(); }; function resizeElement() { // Get the height of the first element var firstElementHeight = $('.sib-area').outerHeight(true); var newHeight = $(window).height() - firstElementHeight; $('.view-box').height(newHeight+3); $('.ifram-con').height(newHeight); } $(document).ready(function() { resizeElement(); }); $(window).resize(function() { resizeElement(); }); </script> @endsection
SAVE
CANCEL