Skip to content

Commit

Permalink
fix style layout
Browse files Browse the repository at this point in the history
  • Loading branch information
issam-seghir committed Oct 16, 2023
1 parent de8596b commit 3f69064
Show file tree
Hide file tree
Showing 24 changed files with 130 additions and 626 deletions.
18 changes: 9 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@
<div class="burger-menu" role="button" hidden><div class="burger-menu__bars"></div></div>
<nav>
<a href="#ai" role="link">features</a>
<a href="#editing" role="link">editing</a>
<a href="#distribution" role="link">distribution</a>
<a href="#editing" role="link">editing</a>
<a href="#distribution" role="link">distribution</a>
<a href="#products" role="link">products</a>
<a href="#footer" role="link">contact</a>
<div class="contact" hidden>
Expand Down Expand Up @@ -157,7 +157,7 @@ <h1 class="ai__head-title">
</div>
<div class="ai__main">
<img class="ai__gradiant-blur-img" src="src/assets/svg/gradient-blur-med.svg" alt="gradient blur background" srcset="" />
<div class="ai__mockup" data-loop="0" data-src="https://assets.website-files.com/60d0c29c2e1261708dd228ea/64df7701f42cf34e2af5d417_phone-3.json" data-autoplay="0" data-duration="1.4">
<div class="ai__mockup" data-loop="0" data-src="https://assets.website-files.com/60d0c29c2e1261708dd228ea/64df7701f42cf34e2af5d417_phone-3.json" data-autoplay="0" data-duration="1.4">
<div class="ai__mockup-images">
<img src="src/assets/images/phone-screen-2.webp" alt="screenshot of the app in phone mockup" srcset="" />
<img src="src/assets/images/phone-screen-3.webp" alt="screenshot of the app in phone mockup" srcset="" />
Expand Down Expand Up @@ -441,9 +441,9 @@ <h3 class="sound__card-title rgd-secondary-400">Effects</h3>

<!-- Distribute section -->
<section class="distribute" id="distribution">
<video class="distribute__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Dubbing.webm"></video>
<video class="distribute__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Extract.webm"></video>
<video class="distribute__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Metadata.webm"></video>
<video class="distribute__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Dubbing.webm" poster="src/assets/images/phone-dubbing-posture.jpeg"></video>
<video class="distribute__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Extract.webm" poster="src/assets/images/phone-extract-posture.jpg"></video>
<video class="distribute__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Metadata.webm" poster="src/assets/images/phone-metadata-posture.jpeg"></video>
<div class="distribute__flex">
<div class="distribute__item">
<p class="distribute__item-tag tag tag--lg">Translation & distribution</p>
Expand Down Expand Up @@ -480,7 +480,7 @@ <h2 class="distribute__item-title rgd-secondary-200">
& Captivate
</h2>
</div>
<video class="distribute-mobile__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Dubbing.webm"></video>
<video class="distribute-mobile__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Dubbing.webm" poster="src/assets/images/phone-dubbing-posture.jpeg"></video>

<div class="distribute__item">
<hr />
Expand All @@ -492,7 +492,7 @@ <h3 class="distribute__item-desc-title rgd-secondary-200">
<p class="distribute__item-desc-paragraph">Generate relevant metadata for your video like title , description and hashtags for your socials</p>
</div>
</div>
<video class="distribute-mobile__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Extract.webm"></video>
<video class="distribute-mobile__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Extract.webm" poster="src/assets/images/phone-extract-posture.jpg"></video>

<div class="distribute__item">
<hr />
Expand All @@ -501,7 +501,7 @@ <h3 class="distribute__item-desc-title rgd-secondary-200">AI Dubbing</h3>
<p class="distribute__item-desc-paragraph">Dub your video into any language while maintaining your voice</p>
</div>
</div>
<video class="distribute-mobile__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Metadata.webm"></video>
<video class="distribute-mobile__video" loading="lazy" playsinline autoplay muted loop src="src/assets/videos/Phone-Metadata.webm" poster="src/assets/images/phone-metadata-posture.jpeg"></video>
<div class="distribute__item">
<hr />
<div class="distribute__item-desc">
Expand Down
Binary file removed src/assets/images/asset 62.jpeg
Binary file not shown.
Binary file removed src/assets/images/asset 63.jpeg
Binary file not shown.
104 changes: 0 additions & 104 deletions src/readme.md

This file was deleted.

7 changes: 0 additions & 7 deletions src/scss/abstracts/README.md

This file was deleted.

17 changes: 17 additions & 0 deletions src/scss/abstracts/_breakpoints.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
/* breakpoints */
// $breakpoints: (
// sm: 640px,
// md: 768px,
// lg: 1024px,
// xl: 1280px,
// "2xl": 1536px,
// ) !default;

/* breakpoints */
$mq-sm: 480px;
$mq-xsm: 640px;
$mq-md: 768px;
$mq-xmd: 991px;
$mq-lg: 1024px;
$mq-xl: 1280px;
$mq-2xl: 1536px;
31 changes: 0 additions & 31 deletions src/scss/abstracts/_functions.scss
Original file line number Diff line number Diff line change
@@ -1,31 +0,0 @@
// -----------------------------------------------------------------------------
// This file contains all application-wide Sass functions.
// -----------------------------------------------------------------------------

/// Native `url(..)` function wrapper
/// @param {String} $base - base URL for the asset
/// @param {String} $type - asset type folder (e.g. `fonts/`)
/// @param {String} $path - asset path
/// @return {Url}
@function asset($base, $type, $path) {
@return url($base + $type + $path);
}

/// Returns URL to an image based on its path
/// @param {String} $path - image path
/// @param {String} $base [$base-url] - base URL
/// @return {Url}
/// @require $base-url
@function image($path, $base: $base-url) {
@return asset($base, "images/", $path);
}

/// Returns URL to a font based on its path
/// @param {String} $path - font path
/// @param {String} $base [$base-url] - base URL
/// @return {Url}
/// @require $base-url
@function font($path, $base: $base-url) {
@return asset($base, "fonts/", $path);
}
2 changes: 1 addition & 1 deletion src/scss/abstracts/_index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,4 @@
@forward "mixins";
@forward "variables";
@forward "animations";
@forward "themes";
@forward "breakpoints";
2 changes: 2 additions & 0 deletions src/scss/abstracts/_mixins.scss
Original file line number Diff line number Diff line change
Expand Up @@ -940,3 +940,5 @@ $all-text-inputs-invalid: _assign-inputs($_text-inputs-list, invalid);
transform: translateY(-($burger-gutter + $burger-height)) rotate(-45deg);
}
}


67 changes: 0 additions & 67 deletions src/scss/abstracts/_themes.scss

This file was deleted.

Loading

0 comments on commit 3f69064

Please sign in to comment.