Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@nduartech
nduartech committed Jun 21, 2024
1 parent 2891267 commit ef8dfc2
Show file tree
Hide file tree
Showing 17 changed files with 88 additions and 81 deletions.
3 changes: 2 additions & 1 deletion .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,4 +14,5 @@
.idea
.idea/**
node_modules
node_modules/**
node_modules/**
/*.patch
4 changes: 3 additions & 1 deletion packages/host/astro.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,10 @@ import { defineConfig } from "astro/config";
// import node from "@astrojs/node";
import tailwind from "@astrojs/tailwind";
import svelte from "@astrojs/svelte";

import solidJs from "@astrojs/solid-js";

import compressor from "astro-compressor";

// https://astro.build/config
export default defineConfig({
output: "static",
Expand Down Expand Up @@ -49,5 +50,6 @@ export default defineConfig({
},
},
},
compressor(),
],
});
1 change: 1 addition & 0 deletions packages/host/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@
"@builder.io/qwik": "1.5.6",
"@qwikdev/astro": "^0.5.16",
"astro": "^4.10.2",
"astro-compressor": "^0.4.1",
"interests": "workspace:^",
"software-eng": "workspace:^",
"solid-js": "^1.8.17",
Expand Down
63 changes: 32 additions & 31 deletions packages/host/src/components/svelte/Landing.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,18 @@
<script lang="ts">
let mobileCheck = function() {
<script>
"use strict";
let mobileCheck = function () {
let check = false;
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
(function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4)))
check = true; })(navigator.userAgent || navigator.vendor || window.opera);
return check;
}();
const navigateTo = (url: string, transition: string) => {
const navigateTo = (url, transition) => {
setTimeout(function () {
let link = document.createElement('a');
link.target = '_blank';
link.onclick = () => {
dispatchEvent(new CustomEvent('navigate', {detail: url}));
}
dispatchEvent(new CustomEvent('navigate', { detail: url }));
};
link.classList.add("hidden");
document.body.appendChild(link);
link.click();
Expand All @@ -31,61 +33,60 @@
buttonsAlt[i].classList.add("alt-animated", "altHinge");
}
}
} else if (transition === "zoomOut") {
}
else if (transition === "zoomOut") {
hello && hello.classList.add("animated", "zoomOut");
let buttons = document.getElementsByClassName("navBtn");
if (buttons && buttons.length > 0) {
for (let i = 0; i < buttons.length; i++) {
mobileCheck? buttons[i].classList.add("animated","zoomOut") :buttons[i].classList.add("animated", i%2 === 0 ? "zoomOutLeft" :"zoomOutRight");
mobileCheck ? buttons[i].classList.add("animated", "zoomOut") : buttons[i].classList.add("animated", i % 2 === 0 ? "zoomOutLeft" : "zoomOutRight");
}
}
let buttonsAlt = document.getElementsByClassName("altNavBtn");
if (buttonsAlt && buttonsAlt.length > 0) {
for (let i = 0; i < buttonsAlt.length; i++) {
mobileCheck? buttonsAlt[i].classList.add("animated","zoomOut") :buttonsAlt[i].classList.add("animated", i%2 === 0 ? "zoomOutLeft" :"zoomOutRight");
mobileCheck ? buttonsAlt[i].classList.add("animated", "zoomOut") : buttonsAlt[i].classList.add("animated", i % 2 === 0 ? "zoomOutLeft" : "zoomOutRight");
}
}
} else if (transition === "flipOut") {
}
else if (transition === "flipOut") {
hello && hello.classList.add("animated", "flipOutX");
let buttons = document.getElementsByClassName("navBtn");
if (buttons && buttons.length > 0) {
for (let i = 0; i < buttons.length; i++) {
buttons[i].classList.add("animated","flipOutX");
buttons[i].classList.add("animated", "flipOutX");
}
}
let buttonsAlt = document.getElementsByClassName("altNavBtn");
if (buttonsAlt && buttonsAlt.length > 0) {
for (let i = 0; i < buttonsAlt.length; i++) {
buttonsAlt[i].classList.add("animated","flipOutX");
buttonsAlt[i].classList.add("animated", "flipOutX");
}
}
}
}
// document.addEventListener('astro:page-load',()=>{
// window.requestAnimationFrame(()=> {
// let docElem = document.getElementById("bgLanding");
// if(docElem) {
// docElem.classList.add('animated','bounceInDown')
// }
// })});
};
</script>
<div id="bgLanding" class="h-screen w-screen dark:bg-[url('https://nduartech.tiiny.site/dist/landing.svg')] bg-[url('https://nduartech.tiiny.site/dist/landing-light.svg')] bg-cover bg-bottom min-h-screen min-w-screen overflow-y-hidden">
<div
class="w-full min-h-fit md:max-h-screen flex flex-col justify-center items-center">
<div class="flex flex-col justify-start md:mt-20 sm:portrait:h-screen sm:landscape:h-fit md:landscape:h-screen w-full items-center">

<div id="bgLanding"
class="h-screen w-screen dark:bg-[url('/landing.svg')] bg-[url('/landing-light.svg')] bg-cover bg-bottom min-h-screen min-w-screen overflow-y-hidden">
<div class="w-full min-h-fit md:max-h-screen flex flex-col justify-center items-center">
<div
class="flex flex-col justify-start md:mt-20 sm:portrait:h-screen sm:landscape:h-fit md:landscape:h-screen w-full items-center">
<div class="w-full px-5 flex flex-row justify-center items-center md:pt-12 lg:pt-0">
<div class="flex flex-col md:flex-col w-full justify-center items-center space-x-5 my-5 md:space-x-0 md:space-y-2 text-center mt-20 sm:mt-15 md:mt-0 z-20"
id="hello">
<div
class="flex flex-col md:flex-col w-full justify-center items-center space-x-5 my-5 md:space-x-0 md:space-y-2 text-center mt-20 sm:mt-15 md:mt-0 z-20"
id="hello">
<div class="image-container w-2/12 min-w-28 max-w-36 h-2/12 flex justify-center items-center">
<img class="rounded-full object-fill mb-10 shrink" id="me"
src="https://nduartech.tiiny.site/dist/me.png" alt="Nathan"/>
<img class="rounded-full object-fill mb-10 h-28 w-28 md:h-36 md:w-36" id="me"
src="/me.png" alt="Nathan"/>
</div>
<p class="text-3xl md:text-3xl lg:text-4xl dark:text-regal-blue-100 text-regal-blue-50 my-0 text-center">Hi, I'm
<p class="text-3xl md:text-3xl lg:text-4xl dark:text-regal-blue-100 text-regal-blue-50 my-0 text-center">Hi,
I'm
Nathan.</p>
</div>
</div>
<div class="w-9/12 md:3/5 lg:1/2 xl:w-11/12 flex flex-row justify-center items-center py-5 bg-[rgba(_35,_188,_255,_0.1)] backdrop-filter backdrop-blur rounded-[10px] dark:bg-[rgba(_1,_45,_80,_0.8)] mb-10 z-10 lg:mt-5">
<div
class="w-9/12 md:3/5 lg:1/2 xl:w-11/12 flex flex-row justify-center items-center py-5 bg-[rgba(_35,_188,_255,_0.1)] backdrop-filter backdrop-blur rounded-[10px] dark:bg-[rgba(_1,_45,_80,_0.8)] mb-10 z-10 lg:mt-5">
<div class="space-y-4 w-11/12 flex flex-col xl:flex-row xl:space-y-0 xl:space-x-5 justify-center items-center">
<button on:click={()=>navigateTo("/software-engineer","hinge")} type="button"
class="navBtn softwareEng bg-regal-blue-200
Expand Down
4 changes: 0 additions & 4 deletions packages/host/src/layouts/BlogLayout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,10 +68,6 @@ const {title, navProps} = Astro.props;
document.dispatchEvent(new CustomEvent("pageLoad"));
});
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css"
/>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
<meta name="generator" content={Astro.generator}/>
<title>{title}</title>
Expand Down
4 changes: 0 additions & 4 deletions packages/host/src/layouts/Layout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,10 +67,6 @@ const {title} = Astro.props;
}
);
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css"
/>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
<meta name="generator" content={Astro.generator}/>
<title>{title}</title>
Expand Down
4 changes: 2 additions & 2 deletions packages/host/src/layouts/PostLayout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,8 @@ import BlogSubLayout from "./BlogSubLayout.astro";
}
]}>
<BlogSubLayout>
<a href="/blog"><i class="iconoir-arrow-left-tag before:size-8 before:text-regal-blue-100 left-20">
</i></a>
<a href="/blog">
<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 before:stroke-regal-blue-100"><path d="M16 12H8M8 12L11.5 15.5M8 12L11.5 8.5" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a>
<slot></slot>
</BlogSubLayout>
</BlogLayout>
4 changes: 0 additions & 4 deletions packages/host/src/layouts/SubLayout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,10 +70,6 @@ const {title, navProps} = Astro.props;
document.dispatchEvent(new CustomEvent("pageLoad"));
});
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css"
/>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
<meta name="generator" content={Astro.generator}/>
<title>{title}</title>
Expand Down
2 changes: 2 additions & 0 deletions packages/host/src/pages/index.astro
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
---
import Layout from "../layouts/Layout.astro";
import Landing from "../components/svelte/Landing.svelte";
import '../../public/landing.svg';
import '../../public/landing-light.svg';
const bounceInDownAnim = {
new: {
name: 'bounceInDown',
Expand Down
36 changes: 18 additions & 18 deletions packages/host/src/styles/global.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -836,30 +836,30 @@
animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
from {
opacity: 1;
}

to {
opacity: 0;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}

@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}

to {
opacity: 0;
}
@keyframes fadeOut {
from {
opacity: 1;
}

.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
to {
opacity: 0;
}
}

.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}

a {
color: #eef8ff;
Expand Down
2 changes: 1 addition & 1 deletion packages/interests/src/App.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ const App: Component = (props: any) => {

return (
<div id="bgInt"
class="i-h-full i-w-full i-bg-[url('https://nduartech.tiiny.site/dist/interests-light.svg')] dark:i-bg-[url('https://nduartech.tiiny.site/dist/interests.svg')] i-bg-cover i-bg-bottom i-min-h-screen i-min-w-screen i-overflow-y-hidden i-transition">
class="i-h-full i-w-full i-bg-lght dark:i-bg-drk i-bg-cover i-bg-bottom i-min-h-screen i-min-w-screen i-overflow-y-hidden i-transition">
<div class="i-h-screen i-w-screen i-flex i-flex-col i-justify-start i-items-center i-pt-16 md:i-pt-32">
<div
class="i-max-h-screen i-h-fit i-w-9/12 i-overflow-y-scroll no-scrollbar i-grid i-grid-cols-1 md:i-grid-cols-2 lg:i-grid-cols-3 i-justify-items-center i-gap-5 i-place-items-center i-pb-20">
Expand Down
10 changes: 5 additions & 5 deletions packages/interests/src/components/InterestCard.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,18 +24,18 @@ function InterestCard(props:any) {
};

return (<div
class="interest-card i-py-5 i-bg-regal-blue-300 dark:i-bg-regal-blue-800 hover:i-bg-regal-blue-200 dark:hover:i-bg-gray-900 i-backdrop-filter i-backdrop-blur i-rounded-[10px] i-h-[15rem] i-w-[15rem] i-drop-shadow-xl i-cursor-pointer i-flex i-flex-col i-justify-center i-items-center"
class="interest-card i-py-5 hover:i-bg-regal-blue-100 dark:i-bg-regal-blue-800 i-bg-regal-blue-200 dark:hover:i-bg-gray-900 i-backdrop-filter i-backdrop-blur i-rounded-[10px] i-h-[15rem] i-w-[15rem] i-drop-shadow-xl i-cursor-pointer i-flex i-flex-col i-justify-center i-items-center"
onMouseEnter={(event) => {
// @ts-ignore
event.target.querySelector("h3").classList.replace("text-regal-blue-600","text-regal-blue-800");
event.target.querySelector("h3").classList.replace("i-text-regal-blue-600","i-text-regal-blue-500");
// @ts-ignore
event.target.querySelector("svg").classList.replace("stroke-regal-blue-600","stroke-regal-blue-800");
event.target.querySelector("svg").classList.replace("i-stroke-regal-blue-600","i-stroke-regal-blue-500");

}} onMouseLeave={(event) => {
// @ts-ignore
event.target.querySelector("h3").classList.replace("text-regal-blue-800","text-regal-blue-600");
event.target.querySelector("h3").classList.replace("i-text-regal-blue-500","i-text-regal-blue-600");
// @ts-ignore
event.target.querySelector("svg").classList.replace("stroke-regal-blue-800","stroke-regal-blue-600");
event.target.querySelector("svg").classList.replace("i-stroke-regal-blue-500","i-stroke-regal-blue-600");
}} onClick={() => {
showModal(props.name)
}}>
Expand Down
4 changes: 4 additions & 0 deletions packages/interests/tailwind.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,10 @@ const config: Config = {
darkMode: ['selector','[class=dark]'],
theme: {
extend: {
backgroundImage: {
'drk': "url('https://raw.githubusercontent.com/nduartech/nduartech.github.io/master/packages/interests/public/interests.svg')",
'lght': "url('https://raw.githubusercontent.com/nduartech/nduartech.github.io/master/packages/interests/public/interests-light.svg')",
},
colors: {
'regal-blue': {
'50': '#eef8ff',
Expand Down
4 changes: 2 additions & 2 deletions packages/software-eng/src/App.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ const App: Component = (props: any) => {

return (
<div
id="bgSE" class="se-h-full se-w-full se-bg-[url('https://nduartech.tiiny.site/dist/se-light.svg')] dark:se-bg-[url('https://nduartech.tiiny.site/dist/se.svg')] se-bg-cover se-bg-bottom se-min-h-screen se-min-w-screen se-overflow-y-hidden se-z-0">
id="bgSE" class="se-h-full se-w-full se-bg-lght dark:se-bg-drk se-bg-cover se-bg-bottom se-min-h-screen se-min-w-screen se-overflow-y-hidden se-z-0">
<div
class="se-flex se-h-full se-max-w-screen se-z-0">
<div class="se-h-full se-max-h-screen se-w-full se-overflow-hidden se-z-0 transition">
Expand All @@ -19,7 +19,7 @@ const App: Component = (props: any) => {
</div>
<div class="page se-flex se-flex-col se-justify-start se-items-center se-w-full">
<div
class="se-mt-2 se-flex se-flex-col md:se-flex-row se-justify-center se-items-center se-bg-gradient-to-br se-from-[rgba(_0,_163,_255,_0.6)] se-to-[rgba(_0,_102,_179,_0.9)] se-backdrop-filter se-backdrop-blur se-rounded-[10px] dark:se-from-[rgba(_15,_23,_42,_0.9)] dark:se-to-[rgba(_15,_23,_42,_1)] se-p-5 se-w-[80vw] se-h-[85vh] lg:se-h-[65vh] se-min-h-fit">
class="se-mt-2 se-flex se-flex-col md:se-flex-row se-justify-center se-items-center se-bg-gradient-to-br se-from-[rgba(_0,_163,_255,_0.8)] se-to-[rgba(_0,_102,_179,_0.9)] se-backdrop-filter se-backdrop-blur se-rounded-[10px] dark:se-from-[rgba(_15,_23,_42,_0.9)] dark:se-to-[rgba(_15,_23,_42,_1)] se-p-5 se-w-[80vw] se-h-[85vh] lg:se-h-[65vh] se-min-h-fit">
<Xp></Xp>
</div>
</div>
Expand Down
Loading

0 comments on commit ef8dfc2

Please sign in to comment.