-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #71 from RealEskalate/Blen.add_media_and_content
Blen.add media and content
- Loading branch information
Showing
15 changed files
with
332 additions
and
238 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
2 changes: 1 addition & 1 deletion
2
...hacks-website/styles.ea5f52e61306256a.css → ...hacks-website/styles.191c8ccb1542486d.css
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
162 changes: 89 additions & 73 deletions
162
src/app/components/semi-finalists/semi-finalists.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,88 +1,104 @@ | ||
| <section | ||
| id="workshops" | ||
| class="m-auto py-5 pb-16 px-5 flex flex-col items-center justify-center max-w-[90vw]" | ||
| class="m-auto py-5 pb-16 px-5 flex flex-col items-center justify-center max-w-[90vw]" | ||
| > | ||
| <div class="max-w-[90vw] flex flex-col items-center"> | ||
| <div class=" container flex items-center justify-center"> | ||
| <div | ||
| class="mt-2 w-full border-b border-gray-700 flex justify-between items-center cursor-pointer mb-12 transition-transform transform-all hover:scale-105" | ||
| (click)="toggleCards()" | ||
| > | ||
| <span class="max-w-[90vw] mt-12 flex flex-col items-center"> | ||
| <p class="text-center text-2xl sm:text-4xl pb-6 font-bold text-transparent bg-gradient-to-r from-indigo-600 to-pink-500 bg-clip-text"> | ||
| Finalists | ||
| </p> | ||
| </span> | ||
| <span class="mb-2"> | ||
| <svg | ||
| *ngIf="!showCards" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| fill="none" | ||
| viewBox="0 0 24 24" | ||
| stroke-width="1.5" | ||
| stroke="currentColor" | ||
| class="w-8 h-8 text-pink-400" | ||
| > | ||
| <path | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5" | ||
| /> | ||
| </svg> | ||
| <div class="max-w-[90vw] flex flex-col items-center"> | ||
| <div class="container flex items-center justify-center"> | ||
| <div | ||
| class="mt-2 w-full border-b border-gray-700 flex justify-between items-center cursor-pointer mb-12 transition-transform transform-all hover:scale-105" | ||
| (click)="toggleCards()" | ||
| > | ||
| <span class="max-w-[90vw] mt-12 flex flex-col items-center"> | ||
| <p class="text-center text-2xl sm:text-4xl pb-6 font-bold text-transparent bg-gradient-to-r from-indigo-600 to-pink-500 bg-clip-text"> | ||
| Finalists | ||
| </p> | ||
| </span> | ||
| <span class="mb-2"> | ||
| <svg | ||
| *ngIf="!showCards" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| fill="none" | ||
| viewBox="0 0 24 24" | ||
| stroke-width="1.5" | ||
| stroke="currentColor" | ||
| class="w-8 h-8 text-pink-400" | ||
| > | ||
| <path | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5" | ||
| /> | ||
| </svg> | ||
|
|
||
| <svg | ||
| *ngIf="showCards" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| fill="none" | ||
| viewBox="0 0 24 24" | ||
| stroke-width="1.5" | ||
| stroke="currentColor" | ||
| class="w-8 h-8 text-pink-400 transform rotate-180" | ||
| > | ||
| <path | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5" | ||
| /> | ||
| </svg> | ||
| </span> | ||
| <svg | ||
| *ngIf="showCards" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| fill="none" | ||
| viewBox="0 0 24 24" | ||
| stroke-width="1.5" | ||
| stroke="currentColor" | ||
| class="w-8 h-8 text-pink-400 transform rotate-180" | ||
| > | ||
| <path | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5" | ||
| /> | ||
| </svg> | ||
| </span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <p | ||
| class=" mx-auto leading-relaxed text-base text-white text-justify justify-between" | ||
| > | ||
| Our 2024 Hackathon Finalists represent the best of innovation and creativity, | ||
| selected from a highly competitive field of talented participants. These teams have | ||
| demonstrated exceptional problem-solving skills, technical expertise, and the ability | ||
| to turn ideas into actionable solutions. We invite you to explore their groundbreaking | ||
| projects and witness the future of technology in action. | ||
| </p> | ||
| <p class="mx-auto leading-relaxed text-base text-white text-justify justify-between"> | ||
| Our 2024 Hackathon Finalists represent the best of innovation and creativity, | ||
| selected from a highly competitive field of talented participants. These teams have | ||
| demonstrated exceptional problem-solving skills, technical expertise, and the ability | ||
| to turn ideas into actionable solutions. We invite you to explore their groundbreaking | ||
| projects and witness the future of technology in action. | ||
| </p> | ||
|
|
||
| <div *ngIf="showCards" #cardsSection> | ||
| <div | ||
| class="grid grid-cols-1 md:grid-cols-2 max-sm:px-0 px-12 lg:grid-cols-3 gap-2" | ||
| > | ||
| <div | ||
| *ngFor="let finalist of semiFinalist_lists; let i = index" | ||
| class="container px-5 py-5 mx-auto" | ||
| > | ||
| <div class="h-full border-2 border-gray-800 rounded-lg overflow-hidden"> | ||
| <img | ||
| class="w-full h-auto object-contain lg:h-48 md:h-40 sm:h-32" | ||
| [src]="finalist.src" | ||
| /> | ||
| <div class="p-6"> | ||
| <h1 class="title-font text-lg font-medium text-white mb-3"> | ||
| {{ finalist.title }} | ||
| </h1> | ||
| <p class="leading-relaxed mb-3 text-gray-400"> | ||
| <div *ngIf="showCards" #cardsSection> | ||
| <div class="grid grid-cols-1 md:grid-cols-2 max-sm:px-0 px-12 lg:grid-cols-3 gap-2"> | ||
| <div | ||
| *ngFor="let finalist of semiFinalist_lists; let i = index" | ||
| class="container px-5 py-5 mx-auto" | ||
| > | ||
| <div class="h-full border-2 border-gray-800 rounded-lg overflow-hidden flex flex-col justify-between"> | ||
| <div class="relative flex justify-center items-center"> | ||
| <video | ||
| class="relative z-10 w-2/3 h-auto object-contain" | ||
| controls | ||
| [attr.controlsList]="'nodownload'" | ||
| > | ||
| <source [src]="finalist.meetVideo" type="video/mp4"> | ||
| Your browser does not support the video tag. | ||
| </video> | ||
| <div class="absolute bottom-0 left-0 w-1/4 h-1/4 bg-black opacity-50"></div> | ||
| </div> | ||
| <div class="p-6 flex items-center justify-between"> | ||
| <h1 class="title-font text-lg font-medium text-white mb-3"> | ||
| {{ finalist.title }} | ||
| </h1> | ||
| <img | ||
| [src]="finalist.src" | ||
| alt="{{ finalist.title }} logo" | ||
| class="h-16 w-16 ml-2" | ||
| /> | ||
| </div> | ||
| <p class="leading-relaxed mb-3 text-gray-400 px-3"> | ||
| {{ finalist.description }} | ||
| </p> | ||
| <div class="flex justify-center space-x-4 mt-auto mb-4"> | ||
| <a *ngIf="finalist.website" [href]="finalist.website" target="_blank"> | ||
| <i class="fas fa-globe text-blue-500 mx-2 hover:text-blue-700 transition duration-300 transform hover:scale-110" style="font-size: 2rem;"></i> | ||
| </a> | ||
| <a *ngIf="finalist.youtubeMeetVideo" [href]="finalist.youtubeMeetVideo" target="_blank"> | ||
| <i class="fab fa-youtube text-red-500 mx-2 hover:text-red-700 transition duration-300 transform hover:scale-110" style="font-size: 2rem;"></i> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> |
Oops, something went wrong.