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
| import { createContentLoader } from "vitepress"; | |
| import "dotenv/config"; | |
| const formatDate = (raw) => { | |
| const date = new Date(raw); | |
| date.setUTCHours(12); | |
| return { | |
| time: +date, | |
| string: date.toLocaleDateString("en-US", { | |
| year: "numeric", |
otabekoff
/ index.css
Created
March 24, 2024 21:37
— forked from adrianhajdin/index.css
3D Portfolio Gists
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
| @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap"); | |
| @tailwind base; | |
| @tailwind components; | |
| @tailwind utilities; | |
| :root { | |
| --blue-rgb: 237 245 255; | |
| --green-rgb: 125 161 35; | |
| } |
otabekoff
/ Transform markazlashtirish
Created
June 29, 2022 06:56
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
| .parent { | |
| border: 1px solid #333; | |
| height: 250px; | |
| position: relative; | |
| width: 250px; | |
| } | |
| .child { | |
| left: 50%; | |
| position: absolute; |
otabekoff
/ Transform markazlashtirish
Created
June 29, 2022 06:55
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
| <div class="parent"> | |
| <div class="child">Makrazlashgan kontent.</div> | |
| </div> |
otabekoff
/ Grid markazlashtirish
Created
June 29, 2022 06:54
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
| .grid-centering { | |
| display: grid; | |
| justify-content: center; | |
| align-items: center; | |
| height: 400px; | |
| } |
otabekoff
/ Grid markazlashtirish
Created
June 29, 2022 06:54
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
| <div class="grid-centering"> | |
| <div class="child">Makrazlashgan kontent.</div> | |
| </div> |
otabekoff
/ Display table markazlashtirish
Created
June 29, 2022 06:52
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
| .container { | |
| border: 1px solid #333; | |
| height: 40px; | |
| width: 400px; | |
| } | |
| .center { | |
| display: table; | |
| height: 100%; | |
| width: 100%; | |
| } |
otabekoff
/ Display table markazlashtirish
Created
June 29, 2022 06:52
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
| <div class="container"> | |
| <div class="center"><span>Makrazlashgan kontent.</span></div> | |
| </div> |
otabekoff
/ Flexbox markazlashtirish
Created
June 29, 2022 06:51
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
| .flexbox-centering { | |
| height: 400px; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } |
otabekoff
/ Flexbox markazlashtirish
Last active
June 29, 2022 06:50
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
| <div class="flexbox-centering"> | |
| <div class="child">Markazlashgan matn.</div> | |
| </div> |
NewerOlder