first change
This commit is contained in:
85
resources/views/vendor/laravel-grapesjs/edittor.blade.php
vendored
Normal file
85
resources/views/vendor/laravel-grapesjs/edittor.blade.php
vendored
Normal file
@@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="csrf-token" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Edit {{ $model->editor_page_title }}</title>
|
||||
|
||||
@foreach ($editorConfig->getStyles() as $style)
|
||||
<link rel="stylesheet" href="{{ $style }}">
|
||||
@endforeach
|
||||
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
window.editorConfig = @json($editorConfig ?? []);
|
||||
|
||||
Object.defineProperty(window, 'grapesjs', {
|
||||
value: {
|
||||
plugins: {
|
||||
plugins: [],
|
||||
|
||||
/**
|
||||
* Add new plugin. Plugins could not be overwritten
|
||||
* @param {string} id Plugin ID
|
||||
* @param {Function} plugin Function which contains all plugin logic
|
||||
* @return {Function} The plugin function
|
||||
* @example
|
||||
* PluginManager.add('some-plugin', function(editor){
|
||||
* editor.Commands.add('new-command', {
|
||||
* run: function(editor, senderBtn){
|
||||
* console.log('Executed new-command');
|
||||
* }
|
||||
* })
|
||||
* });
|
||||
*/
|
||||
add(id, plugin) {
|
||||
if (this.plugins[id]) {
|
||||
return this.plugins[id];
|
||||
}
|
||||
|
||||
this.plugins[id] = plugin;
|
||||
|
||||
return plugin;
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns plugin by ID
|
||||
* @param {string} id Plugin ID
|
||||
* @return {Function|undefined} Plugin
|
||||
* @example
|
||||
* var plugin = PluginManager.get('some-plugin');
|
||||
* plugin(editor);
|
||||
*/
|
||||
get(id) {
|
||||
return this.plugins[id];
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns object with all plugins
|
||||
* @return {Object}
|
||||
*/
|
||||
getAll() {
|
||||
return this.plugins;
|
||||
},
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="{{ str_replace('#', '', $editorConfig->container ?? 'editor') }}"></div>
|
||||
|
||||
@foreach ($editorConfig->getScripts() as $script)
|
||||
<script src="{{ $script }}"></script>
|
||||
@endforeach
|
||||
</body>
|
||||
</html>
|
||||
1
resources/views/vendor/laravel-grapesjs/gjs-blocks/example.blade.php
vendored
Normal file
1
resources/views/vendor/laravel-grapesjs/gjs-blocks/example.blade.php
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<div>Example Block</div>
|
||||
443
resources/views/vendor/laravel-grapesjs/templates/template-one.blade.php
vendored
Normal file
443
resources/views/vendor/laravel-grapesjs/templates/template-one.blade.php
vendored
Normal file
@@ -0,0 +1,443 @@
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-family: 'lato', sans-serif;
|
||||
background-color: #586783;
|
||||
}
|
||||
|
||||
.resume {
|
||||
margin: 10rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr;
|
||||
}
|
||||
|
||||
.resume .left-side {
|
||||
padding: 4rem;
|
||||
background-color: #323b4c;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resume .left-side ::selection {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.resume .right-side {
|
||||
padding: 4rem 3rem;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resume .right-side ::selection {
|
||||
color: #fff;
|
||||
background-color: #323b4c;
|
||||
}
|
||||
|
||||
|
||||
.padding-top-bg {
|
||||
padding-top: 4rem !important;
|
||||
}
|
||||
|
||||
.padding-top-sm {
|
||||
padding-top: 2rem !important;
|
||||
}
|
||||
|
||||
.heading-primary-white,
|
||||
.heading-primary-black {
|
||||
font-size: 2.4rem;
|
||||
font-weight: bold;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.heading-primary-white {color: #fff;}
|
||||
.heading-primary-black {color: #000;}
|
||||
|
||||
.heading-primary-white::after,
|
||||
.heading-primary-black::after {
|
||||
content: '';
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 3.5rem;
|
||||
}
|
||||
|
||||
.heading-primary-white::after {background-color: #fff; width: 120%;}
|
||||
.heading-primary-black::after {background-color: #000; width: 100%;}
|
||||
|
||||
.info-box .info-title {
|
||||
color: #fff;
|
||||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.info-box .info,
|
||||
.info-box .info a {
|
||||
color: #ddd;
|
||||
font-size: 1.4rem;
|
||||
text-decoration: none;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.discription {
|
||||
font-size: 1.6rem;
|
||||
color: #555;
|
||||
padding: 1.5rem 0;
|
||||
text-align: justify;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.profile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.profile .name {
|
||||
font-size: 2.4rem;
|
||||
color: #fff;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.profile .title {
|
||||
font-size: 1.6rem;
|
||||
color: #ddd;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
.profile .profile-img {
|
||||
background-color: #fff;
|
||||
width: 20rem;
|
||||
height: 20rem;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 2px solid #fff;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.resume .left-side .profile-img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.skill {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 2rem;
|
||||
}
|
||||
.skill span {
|
||||
display: block;
|
||||
height: 3px;
|
||||
width: 3px;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
}
|
||||
.skill .skill-name {
|
||||
color: #fff;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.lang-box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.lang-box p {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.lang-box .percent {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 5px;
|
||||
width: 60%;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.lang-box .percent div {
|
||||
position: absolute;
|
||||
background-color: #2264ff;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.xp-box {
|
||||
position: relative;
|
||||
padding-left: 3rem;
|
||||
}
|
||||
|
||||
.xp-box::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 2rem;
|
||||
left: 0;
|
||||
background-color: #555;
|
||||
height: 100%;
|
||||
width: 2px;
|
||||
}
|
||||
|
||||
.xp-box:last-child:before {
|
||||
height: 91%;
|
||||
}
|
||||
|
||||
.xp-box::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 2rem;
|
||||
left: -7px;
|
||||
background-color: #fff;
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #333;
|
||||
}
|
||||
|
||||
.xp-box .xp-year {
|
||||
color: #333;
|
||||
font-size: 1.4rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.xp-box .xp-company {
|
||||
color: #555;
|
||||
font-size: 1.6rem;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.xp-box .xp-position {
|
||||
color: #333;
|
||||
font-size: 1.8rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.xp-box .padding-fix {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
.refer-box {
|
||||
display: flex;
|
||||
gap: 6rem;
|
||||
}
|
||||
|
||||
.refer .refer-name {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.refer .job-position {
|
||||
color: #555;
|
||||
font-size: 1.6rem;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.refer .contact {
|
||||
font-size: 1.4rem;
|
||||
color: #555;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.refer .contact span {
|
||||
display: block;
|
||||
width: 25%;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.refer .contact p {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
.resume {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.refer-box {display: block;}
|
||||
.refer:first-child {margin-bottom: 3rem;}
|
||||
.resume {margin: 0;}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="container" style="height:100vh">
|
||||
<div class="resume">
|
||||
<div class="left-side">
|
||||
<div class="profile">
|
||||
<div class="profile-img">
|
||||
<img src="https://i.postimg.cc/wBGkjTbC/Profile-Photo.jpg" alt="Profile Photo">
|
||||
</div>
|
||||
<h1 class="name">Al - Amin Rahmatullah</h1>
|
||||
<p class="title">Marketing Manager</p>
|
||||
</div>
|
||||
<div class="contact padding-top-bg">
|
||||
<h1 class="heading-primary-white">Contact</h1>
|
||||
<div class="info-box padding-top-sm">
|
||||
<div class="info-title">Phone</div>
|
||||
<div class="info">
|
||||
<a href="tel:+880 1765923094">+880 1765923094</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-box padding-top-sm">
|
||||
<div class="info-title">Email</div>
|
||||
<div class="info">
|
||||
<a href="mailto:alaminhimu0@gmail.com">alaminhimu0@gmail.com</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-box padding-top-sm">
|
||||
<div class="info-title">Address</div>
|
||||
<div class="info">Santibug, Rangpur</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="education padding-top-bg">
|
||||
<h1 class="heading-primary-white">Education</h1>
|
||||
<div class="info-box padding-top-sm">
|
||||
<div class="info">2019</div>
|
||||
<div class="info-title">Higher Secondary Certificate</div>
|
||||
<div class="info">Collectorate School & College</div>
|
||||
</div>
|
||||
<div class="info-box padding-top-sm">
|
||||
<div class="info">2017</div>
|
||||
<div class="info-title">Secondary School Certificate</div>
|
||||
<div class="info">Kishoregonj M.L Model High School</div>
|
||||
</div>
|
||||
<div class="info-box padding-top-sm">
|
||||
<div class="info">2015</div>
|
||||
<div class="info-title">Junior School Certificate</div>
|
||||
<div class="info">Uttor Durakuti High School</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expertise padding-top-bg">
|
||||
<h1 class="heading-primary-white">Expertise</h1>
|
||||
<div class="skill padding-top-sm">
|
||||
<span></span>
|
||||
<div class="skill-name">UI/UX</div>
|
||||
</div>
|
||||
<div class="skill padding-top-sm">
|
||||
<span></span>
|
||||
<div class="skill-name">Visual Design</div>
|
||||
</div>
|
||||
<div class="skill padding-top-sm">
|
||||
<span></span>
|
||||
<div class="skill-name">Wireframes</div>
|
||||
</div>
|
||||
<div class="skill padding-top-sm">
|
||||
<span></span>
|
||||
<div class="skill-name">Storyboards</div>
|
||||
</div>
|
||||
<div class="skill padding-top-sm">
|
||||
<span></span>
|
||||
<div class="skill-name">User Flows</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="language padding-top-bg">
|
||||
<h1 class="heading-primary-white">Language</h1>
|
||||
<div class="info-box padding-top-sm">
|
||||
<div class="lang-box">
|
||||
<p class="info-title">English</p>
|
||||
<span class="percent"><div style="width: 90%;"></div></span>
|
||||
</div>
|
||||
<div class="lang-box">
|
||||
<p class="info-title">Bangla</p>
|
||||
<span class="percent"><div style="width: 96%;"></div></span>
|
||||
</div>
|
||||
<div class="lang-box">
|
||||
<p class="info-title">Hindi</p>
|
||||
<span class="percent"><div style="width: 40%;"></div></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-side">
|
||||
<div class="about-me padding-top-bg">
|
||||
<h1 class="heading-primary-black">About Me</h1>
|
||||
<p class="discription">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam laboriosam aspernatur minima voluptatum? Hic quod dolore harum doloremque culpa ullam velit molestiae consequatur deserunt repellendus nam temporibus error provident earum corrupti est voluptatem ut iusto, voluptatum, ipsam voluptatibus perspiciatis accusantium!
|
||||
</p>
|
||||
</div>
|
||||
<div class="experience padding-top-bg">
|
||||
<h1 class="heading-primary-black">Experience</h1>
|
||||
<div class="xp-box padding-top-sm">
|
||||
<p class="xp-year">2019-2022</p>
|
||||
<p class="xp-company">Company name | 123 Anywhere, City Name</p>
|
||||
<p class="xp-position">Job Position Here</p>
|
||||
<p class="discription">Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus, sequi quam excepturi dolores facere illum aut reiciendis nemo explicabo praesentium facilis autem quae rem nulla aperiam repudiandae fugiat assumenda delectus aliquam asperiores? Ea rerum at odit ducimus quidem placeat, quasi expedita, voluptatibus quas quod, alias repellendus eius recusandae eos fuga quam dolorum numquam dolor omnis mollitia provident! Dicta repellendus neque voluptatibus eligendi obcaecati eum tempora, nobis nisi cum, eaque laborum?</p>
|
||||
</div>
|
||||
<div class="xp-box padding-top-sm">
|
||||
<p class="xp-year">2017-2019</p>
|
||||
<p class="xp-company">Company name | 123 Anywhere, City Name</p>
|
||||
<p class="xp-position">Job Position Here</p>
|
||||
<p class="discription">Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis corrupti ratione voluptas adipisci ex. Voluptate vel voluptatum autem illum vero eveniet atque quo. Similique ducimus alias tempore voluptas odit nulla laudantium id neque adipisci eos? Natus illum earum odio nihil repellat cum reiciendis delectus quas neque iste deserunt tempora molestias sapiente, nobis numquam eligendi praesentium vel possimus voluptate eum aspernatur sequi. Placeat, aspernatur! Similique voluptatum nesciunt libero dolorem veritatis earum.</p>
|
||||
</div>
|
||||
<div class="xp-box padding-top-sm">
|
||||
<p class="xp-year">2015-2017</p>
|
||||
<p class="xp-company">Company name | 123 Anywhere, City Name</p>
|
||||
<p class="xp-position">Job Position Here</p>
|
||||
<p class="discription padding-fix">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi, amet, odio voluptatum placeat facilis pariatur nisi omnis aspernatur officiis debitis atque laboriosam earum eius autem vel iusto. Nisi ullam, sint quam atque ex fugit voluptatum at voluptatibus? Porro consequatur perferendis pariatur harum eos possimus ipsa molestias. Temporibus quidem voluptatem autem hic ipsum molestiae magnam molestias quod repellendus voluptates quo laboriosam fugit, tenetur ipsam iste unde sequi, amet optio cum blanditiis.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reference padding-top-bg">
|
||||
<h1 class="heading-primary-black">Reference</h1>
|
||||
<div class="refer-box padding-top-sm">
|
||||
<div class="refer">
|
||||
<h2 class="refer-name">Name Surname</h2>
|
||||
<p class="job-position">Job Position, Company Name</p>
|
||||
<div class="contact">
|
||||
<span>Phone:</span>
|
||||
<p>123-456-789</p>
|
||||
</div>
|
||||
<div class="contact">
|
||||
<span>Email:</span>
|
||||
<p>hello@companyname.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="refer">
|
||||
<h2 class="refer-name">Name Surname</h2>
|
||||
<p class="job-position">Job Position, Company Name</p>
|
||||
<div class="contact">
|
||||
<span>Phone:</span>
|
||||
<p>123-456-789</p>
|
||||
</div>
|
||||
<div class="contact">
|
||||
<span>Email:</span>
|
||||
<p>hello@companyname.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user