GeezerVison is showing github.com — fonts, logos · code402/code402.github.io@e85fccd
File treeExpand file treeCollapse file tree Open diff view settings Expand file treeCollapse file tree Open diff view settings Collapse file Copy file name to clipboard Collapse file Copy file name to clipboardExpand all lines: index.html +12-1Lines changed: 12 additions & 1 deletion | Original file line number | Diff line number | Diff line change |
|---|
| 1 | 1 | <!DOCTYPE html> | 2 | 2 | <html> | 3 | 3 | <head> | | 4 | + <meta charset="utf-8" /> | 4 | 5 | <title>Seam Rippers Club</title> | | 6 | + <meta name="description" content="Coming soon: something exciting for garment sewists!"> | 5 | 7 | <link rel="stylesheet" href="./output.css"/> | | 8 | + <link rel="stylesheet" href="https://rsms.me/inter/inter.css"> | | 9 | + <link rel="icon" type="image/png" href="./favicon.ico"> | 6 | 10 | </head> | 7 | 11 |
| 8 | 12 | <body> | | 16 | 20 | <div class="py-24 sm:py-32"> | 17 | 21 | <div class="mx-auto max-w-7xl px-6 lg:px-8"> | 18 | 22 | <div class="mx-auto max-w-2xl text-center"> | | 23 | + <img class="max-h-32 m-4" src="./logo-round.png" alt="Seam Rippers Club: For People Who Love Fabric" width="500" height="500" /> | 19 | 24 | <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Seam Rippers Club</h1> | 20 | | - <p class="mt-6 text-lg leading-8 text-gray-600">Watch this space for a brand new product for garment sewists, and all lovers of fabric!</p> | | 25 | + <p class="mt-6 text-lg leading-8 text-gray-600">Watch this space for a brand new product for garment sewists!</p> | 21 | 26 | </div> | 22 | 27 | </div> | 23 | 28 | </div> | 24 | 29 | </div> | 25 | 30 | </main> | | 31 | + <footer class="bg-white"> | | 32 | + <hr/> | | 33 | + <div class="mx-auto max-w-7xl overflow-hidden px-6 py-20 sm:py-24 lg:px-8"> | | 34 | + <p class="mt-10 text-center text-xs leading-5 text-gray-500">© 2024 Seam Rippers Club. All rights reserved.</p> | | 35 | + </div> | | 36 | + </footer> | 26 | 37 | </div> | 27 | 38 | </body> | 28 | 39 |
| |
Collapse file Copy file name to clipboard 40.8 KB
- Display the source diff
- Display the rich diff
Collapse file Copy file name to clipboardExpand all lines: output.css +37-1Lines changed: 37 additions & 1 deletion | Original file line number | Diff line number | Diff line change |
|---|
| 46 | 46 | -o-tab-size: 4; | 47 | 47 | tab-size: 4; | 48 | 48 | /* 3 */ | 49 | | - font-family: Noto Sans, Open Sans, Helvetica Neue, sans-serif; | | 49 | + font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | 50 | 50 | /* 4 */ | 51 | 51 | font-feature-settings: normal; | 52 | 52 | /* 5 */ | @@ -592,10 +592,18 @@ video { | 592 | 592 | margin-top: 1.5rem; | 593 | 593 | } | 594 | 594 |
| | 595 | +.mt-10 { | | 596 | + margin-top: 2.5rem; | | 597 | +} | | 598 | + | 595 | 599 | .aspect-\[1155\/678\] { | 596 | 600 | aspect-ratio: 1155/678; | 597 | 601 | } | 598 | 602 |
| | 603 | +.max-h-32 { | | 604 | + max-height: 8rem; | | 605 | +} | | 606 | + | 599 | 607 | .w-\[36\.125rem\] { | 600 | 608 | width: 36.125rem; | 601 | 609 | } | @@ -645,6 +653,10 @@ video { | 645 | 653 | --tw-gradient-to: #9089fc var(--tw-gradient-to-position); | 646 | 654 | } | 647 | 655 |
| | 656 | +.p-4 { | | 657 | + padding: 1rem; | | 658 | +} | | 659 | + | 648 | 660 | .px-6 { | 649 | 661 | padding-left: 1.5rem; | 650 | 662 | padding-right: 1.5rem; | @@ -655,6 +667,11 @@ video { | 655 | 667 | padding-bottom: 6rem; | 656 | 668 | } | 657 | 669 |
| | 670 | +.py-20 { | | 671 | + padding-top: 5rem; | | 672 | + padding-bottom: 5rem; | | 673 | +} | | 674 | + | 658 | 675 | .pt-14 { | 659 | 676 | padding-top: 3.5rem; | 660 | 677 | } | @@ -673,6 +690,11 @@ video { | 673 | 690 | line-height: 1.75rem; | 674 | 691 | } | 675 | 692 |
| | 693 | +.text-xs { | | 694 | + font-size: 0.75rem; | | 695 | + line-height: 1rem; | | 696 | +} | | 697 | + | 676 | 698 | .font-bold { | 677 | 699 | font-weight: 700; | 678 | 700 | } | @@ -681,6 +703,10 @@ video { | 681 | 703 | line-height: 2rem; | 682 | 704 | } | 683 | 705 |
| | 706 | +.leading-5 { | | 707 | + line-height: 1.25rem; | | 708 | +} | | 709 | + | 684 | 710 | .tracking-tight { | 685 | 711 | letter-spacing: -0.025em; | 686 | 712 | } | @@ -695,6 +721,11 @@ video { | 695 | 721 | color: rgb(17 24 39 / var(--tw-text-opacity)); | 696 | 722 | } | 697 | 723 |
| | 724 | +.text-gray-500 { | | 725 | + --tw-text-opacity: 1; | | 726 | + color: rgb(107 114 128 / var(--tw-text-opacity)); | | 727 | +} | | 728 | + | 698 | 729 | .opacity-30 { | 699 | 730 | opacity: 0.3; | 700 | 731 | } | @@ -722,6 +753,11 @@ video { | 722 | 753 | padding-bottom: 8rem; | 723 | 754 | } | 724 | 755 |
| | 756 | + .sm\:py-24 { | | 757 | + padding-top: 6rem; | | 758 | + padding-bottom: 6rem; | | 759 | + } | | 760 | + | 725 | 761 | .sm\:text-6xl { | 726 | 762 | font-size: 3.75rem; | 727 | 763 | line-height: 1; | |
Collapse file Copy file name to clipboardExpand all lines: tailwind.config.js +3-4Lines changed: 3 additions & 4 deletions | Original file line number | Diff line number | Diff line change |
|---|
| 1 | 1 | /** @type {import('tailwindcss').Config} */ | 2 | 2 |
| | 3 | +const defaultTheme = require('tailwindcss/defaultTheme') | | 4 | + | 3 | 5 | module.exports = { | 4 | 6 | content: ["./*.{html,js}"], | 5 | 7 | theme: { | @@ -12,10 +14,7 @@ module.exports = { | 12 | 14 | listStyleType: { | 13 | 15 | 'oDisc': 'circle', | 14 | 16 | }, | 15 | | - fontFamily: { | 16 | | - 'sans': 'Noto Sans, Open Sans, Helvetica Neue, sans-serif', | 17 | | - 'headers': 'Roboto Slab, Open Sans, Helvetica Neue, sans-serif', | 18 | | - } | | 17 | + sans: ['Inter var', ...defaultTheme.fontFamily.sans], | 19 | 18 | }, | 20 | 19 | }, | 21 | 20 | plugins: [ | |
|