jaron/unicord
1
0
Fork 0
mirror of https://github.com/jaronpate/unicord.git synced 2026-10-18 21:47:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

added hydration section

Browse Source
This commit is contained in:
Jaron
2025-02-22 23:50:08 -06:00
parent 6338f3ab0d
commit e080d368cc
3 changed files with 10 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/app/page.module.css
+7 -7
View File
@@ -156,7 +156,7 @@
} }
.pillars { .pillars {
padding: 6rem 15em; padding: 6rem 12em;
background: var(--gray-alpha-100); background: var(--gray-alpha-100);
min-height: 50vh; min-height: 50vh;
display: flex; display: flex;
@@ -207,10 +207,10 @@
} }
.hydrationSection { .hydrationSection {
padding: 6rem 15em; padding: 6rem 12em;
min-height: 50vh; min-height: 50vh;
display: flex; display: flex;
align-items: center; align-items: space;
justify-content: center; justify-content: center;
position: relative; position: relative;
border-top: 1px solid var(--gray-alpha-200); border-top: 1px solid var(--gray-alpha-200);
@@ -222,17 +222,17 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: 100%; width: 100%;
max-width: 1200px;
} }
.hydrationCode { .hydrationCode {
flex: 1; flex: 2;
min-width: 45%; width: 100%;
max-width: 800px;
} }
.hydrationText { .hydrationText {
flex: 1; flex: 1;
padding: 2rem; /* padding: 2rem; */
} }
.hydrationText h2 { .hydrationText h2 {
website/src/app/page.tsx
+2 -8
View File
@@ -2,8 +2,7 @@ import styles from "./page.module.css";
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
const CodeExample = dynamic( const CodeExample = dynamic(
() => import('../components/CodeExample'), () => import('../components/CodeExample')
{ ssr: false }
); );
import { simpleExample, hydrationExample } from '../components/CodeExample'; import { simpleExample, hydrationExample } from '../components/CodeExample';
@@ -55,7 +54,7 @@ export default function Home() {
<div className={styles.hydrationSection}> <div className={styles.hydrationSection}>
<div className={styles.hydrationContainer}> <div className={styles.hydrationContainer}>
<div className={styles.hydrationCode}> <div className={styles.hydrationCode}>
<CodeExample code={hydrationExample} height={400} /> <CodeExample code={hydrationExample} height={260} />
</div> </div>
<div className={styles.hydrationText}> <div className={styles.hydrationText}>
<h2>Smart Hydration</h2> <h2>Smart Hydration</h2>
@@ -65,11 +64,6 @@ export default function Home() {
like messages, users, and guilds, ensuring your bot stays efficient while like messages, users, and guilds, ensuring your bot stays efficient while
keeping your code clean and predictable. keeping your code clean and predictable.
</p> </p>
<p>
In this example, we're hydrating a message object to calculate ping times,
demonstrating how Unicord handles complex Discord API interactions with
simple, intuitive code.
</p>
</div> </div>
</div> </div>
</div> </div>
website/src/components/CodeExample.module.css
+1 -1
View File
@@ -1,7 +1,7 @@
.editorContainer { .editorContainer {
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 300px; /* min-height: 300px; */
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
/* margin: 20px 0; */ /* margin: 20px 0; */