devops_admin
/
odex25_standard
mirror of https://github.com/hydracp9/odex25_standard
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

new elements - effects - and more customizations

This commit is contained in:
MohamedGad100 2024-11-03 09:28:24 +02:00
parent ab4235892f
commit 452a568c2a
8 changed files with 73 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
odex25_base/odex_new_website/static/img/career-course.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 MiB

8
odex25_base/odex_new_website/static/js/barba.js
View File

@ -2,7 +2,7 @@ odoo.define('odex_new_website.custom_scripts', function (require) {
"use strict";
$(document).ready(function () {
// TEMPORARY: Clear the 'firstVisit' flag for testing
// Temporary testing: Clear the 'firstVisit' flag for testing
localStorage.removeItem('firstVisit');
// Hide the main content, header, and footer initially
@ -52,6 +52,10 @@ odoo.define('odex_new_website.custom_scripts', function (require) {
// Slide up the entrance layer
entranceLayer.slideUp(600);
// New timeline starts after slideUp completes
const afterLoader = gsap.timeline();
afterLoader.from('.header', { duration: 1, filter: "blur(10px)", scale: 1.2 })
.from('.fading', { duration: 1, opacity: 0, filter: "blur(10px)" }, '-=.5')
});
});
@ -120,6 +124,6 @@ odoo.define('odex_new_website.custom_scripts', function (require) {
}]
});
} else {
console.error('Barba.js is not defined. Make sure it is included in your project.');
console.error('Barba.js is not defined.');
}
});

42
odex25_base/odex_new_website/static/src/css/index.css
View File

@ -5737,7 +5737,7 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
gap: 0px;
}
.courses_show_case_container .courses_show_case .tab-content .course_element .course_info p {
font-size: 11px;
@ -6144,7 +6144,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
font-size: 17px;
font-weight: 300;
color: white;
text-align: center;
@ -6162,7 +6162,7 @@
height: 50px;
}
.courses_show_case_container .courses_show_case .tab-content .course_element h2 {
font-size: 20px;
font-size: 18px;
font-weight: 300;
color: white;
text-align: start;
@ -6179,10 +6179,10 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
gap: 0px;
}
.courses_show_case_container .courses_show_case .tab-content .course_element .course_info p {
font-size: 12px;
font-size: 11px;
font-weight: 300;
color: white;
text-align: start;
@ -6254,7 +6254,7 @@
background-color: #2ECC71;
}
.courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span {
font-size: 12px;
font-size: 11px;
font-weight: 300;
color: white;
}
@ -6266,7 +6266,7 @@
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
font-size: 12px;
font-weight: 300;
color: #0CB28B;
background-color: white;
@ -6586,7 +6586,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 22px;
font-size: 20px;
font-weight: 300;
color: white;
text-align: center;
@ -6604,7 +6604,7 @@
height: 60px;
}
.courses_show_case_container .courses_show_case .tab-content .course_element h2 {
font-size: 22px;
font-size: 20px;
font-weight: 300;
color: white;
text-align: start;
@ -6621,10 +6621,10 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
gap: 0px;
}
.courses_show_case_container .courses_show_case .tab-content .course_element .course_info p {
font-size: 14px;
font-size: 12px;
font-weight: 300;
color: white;
text-align: start;
@ -6696,7 +6696,7 @@
background-color: #2ECC71;
}
.courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span {
font-size: 14px;
font-size: 12px;
font-weight: 300;
color: white;
}
@ -6708,7 +6708,7 @@
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-size: 13px;
font-weight: 300;
color: #0CB28B;
background-color: white;
@ -7028,7 +7028,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
font-size: 22px;
font-weight: 300;
color: white;
text-align: center;
@ -7046,7 +7046,7 @@
height: 60px;
}
.courses_show_case_container .courses_show_case .tab-content .course_element h2 {
font-size: 24px;
font-size: 22px;
font-weight: 300;
color: white;
text-align: start;
@ -7063,10 +7063,10 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
gap: 0px;
}
.courses_show_case_container .courses_show_case .tab-content .course_element .course_info p {
font-size: 15px;
font-size: 14px;
font-weight: 300;
color: white;
text-align: start;
@ -7138,7 +7138,7 @@
background-color: #2ECC71;
}
.courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span {
font-size: 15px;
font-size: 14px;
font-weight: 300;
color: white;
}
@ -7150,7 +7150,7 @@
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-size: 15px;
font-weight: 300;
color: #0CB28B;
background-color: white;
@ -7505,7 +7505,7 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
gap: 0px;
}
.courses_show_case_container .courses_show_case .tab-content .course_element .course_info p {
font-size: 18px;
@ -7947,7 +7947,7 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
gap: 0px;
}
.courses_show_case_container .courses_show_case .tab-content .course_element .course_info p {
font-size: 28px;

2
odex25_base/odex_new_website/static/src/css/index.css.map
View File

File diff suppressed because one or more lines are too long

42
odex25_base/odex_new_website/static/src/css/index.scss
View File

@ -5697,7 +5697,7 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
gap: 0px;
p{
font-size: 11px;
font-weight: 300;
@ -6104,7 +6104,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
font-size: 17px;
font-weight: 300;
color: white;
text-align: center;
@ -6123,7 +6123,7 @@
}
}
h2{
font-size: 20px;
font-size: 18px;
font-weight: 300;
color: white;
text-align: start;
@ -6140,9 +6140,9 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
gap: 0px;
p{
font-size: 12px;
font-size: 11px;
font-weight: 300;
color: white;
text-align: start;
@ -6213,7 +6213,7 @@
}
}
span{
font-size: 12px;
font-size: 11px;
font-weight: 300;
color: white;
}
@ -6226,7 +6226,7 @@
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
font-size: 12px;
font-weight: 300;
color: $secondary;
background-color: white;
@ -6547,7 +6547,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 22px;
font-size: 20px;
font-weight: 300;
color: white;
text-align: center;
@ -6566,7 +6566,7 @@
}
}
h2{
font-size: 22px;
font-size: 20px;
font-weight: 300;
color: white;
text-align: start;
@ -6583,9 +6583,9 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
gap: 0px;
p{
font-size: 14px;
font-size: 12px;
font-weight: 300;
color: white;
text-align: start;
@ -6656,7 +6656,7 @@
}
}
span{
font-size: 14px;
font-size: 12px;
font-weight: 300;
color: white;
}
@ -6669,7 +6669,7 @@
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-size: 13px;
font-weight: 300;
color: $secondary;
background-color: white;
@ -6990,7 +6990,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
font-size: 22px;
font-weight: 300;
color: white;
text-align: center;
@ -7009,7 +7009,7 @@
}
}
h2{
font-size: 24px;
font-size: 22px;
font-weight: 300;
color: white;
text-align: start;
@ -7026,9 +7026,9 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
gap: 0px;
p{
font-size: 15px;
font-size: 14px;
font-weight: 300;
color: white;
text-align: start;
@ -7099,7 +7099,7 @@
}
}
span{
font-size: 15px;
font-size: 14px;
font-weight: 300;
color: white;
}
@ -7112,7 +7112,7 @@
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-size: 15px;
font-weight: 300;
color: $secondary;
background-color: white;
@ -7469,7 +7469,7 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
gap: 0px;
p{
font-size: 18px;
font-weight: 300;
@ -7911,7 +7911,7 @@
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
gap: 0px;
p{
font-size: 28px;
font-weight: 300;

24
odex25_base/odex_new_website/template/courses.xml
View File

@ -57,7 +57,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -137,7 +137,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -217,7 +217,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -297,7 +297,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -378,7 +378,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -450,7 +450,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -530,7 +530,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -602,7 +602,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -682,7 +682,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -754,7 +754,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -834,7 +834,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
@ -906,7 +906,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title="" />
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>

14
odex25_base/odex_new_website/template/header.xml
View File

@ -9,10 +9,10 @@
<div class="menu-container">
<div id="menu-btn-container">
<div class="menu-mobile" id="menu">
<div class="menu-lines">
<span class="line-1"></span>
<span class="line-2"></span>
<span class="line-3"></span>
<div class="menu-lines fading">
<span class="line-1"></span>
<span class="line-2"></span>
<span class="line-3"></span>
</div>
</div>
</div>
@ -71,7 +71,7 @@
<!-- <a href="/">
<img src="/odex_new_website/static/img/logo.png" alt="" title=""/>
</a> -->
<a class="company-logo" href="">
<a class="company-logo fading" href="/">
<svg id="logo" class="image" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 300">
<g>
<path id="path-e" style="opacity: 1; fill: #fefffe; stroke: #fefffe; stroke-width: 3;" d="M 123.5,8.5 C 150.664,7.33639 177.997,7.16973 205.5,8 C 244.667,47.1667 283.833,86.3333 323,125.5 C 330.167,118.333 337.333,111.167 344.5,104 C 371.5,103.333 398.5,103.333 425.5,104 C 404.833,124.667 384.167,145.333 363.5,166 C 400.347,202.68 437.014,239.514 473.5,276.5 C 446.506,277.667 419.506,277.833 392.5,277 C 369.32,253.653 345.986,230.486 322.5,207.5 C 300.374,230.126 278.041,252.626 255.5,275 C 228.167,275.667 200.833,275.667 173.5,275 C 209.68,238.986 245.68,202.82 281.5,166.5 C 229.146,113.479 176.479,60.8123 123.5,8.5 Z" />
@ -83,11 +83,11 @@
<span class="company-name">Expert Co. Ltd.</span>
</a>
</div>
<ul class="main_menu">
<ul class="main_menu fading">
<li><a href="/" data-replace="Home"><span>Home</span></a></li>
<li><a href="/courses" data-replace="Training courses"><span>Training courses</span></a></li>
</ul>
<div class="nav_actions">
<div class="nav_actions fading">
<a href="">Search</a>
<span class="divider"></span>
<div class="signin">

10
odex25_base/odex_new_website/template/index.xml
View File

@ -35,12 +35,12 @@
<div id="wrap">
<!--Page Code-->
<div class="header">
<div class="scroll_container">
<div class="scroll_container fading">
<div class="mouse_element">
<div class="scroller"></div>
</div>
</div>
<div class="swiper cta">
<div class="swiper cta fading">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="content-home">
@ -135,7 +135,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title=""/>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title=""/>
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title=""/>20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title=""/>9 Days</p>
@ -191,7 +191,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title=""/>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title=""/>
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title=""/>20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title=""/>9 Days</p>
@ -247,7 +247,7 @@
<div class="course_element">
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
<h2>Career Path Course</h2>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title=""/>
<img class="course_info_img" src="/odex_new_website/static/img/career-course.jpg" alt="" title=""/>
<div class="course_info">
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title=""/>20 Septemper</p>
<p><img src="/odex_new_website/static/img/duration.png" alt="" title=""/>9 Days</p>