-
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.
Simplify styles and streamline project structure.
Removed inline styles from `index.html` and migrated them to `style.css` for consistency. Cleaned up unused code in `main.ts` to reduce clutter and improve readability. Added a script tag to link `main.ts` in `index.html`.
- Loading branch information
Showing
3 changed files
with
9 additions
and
129 deletions.
There are no files selected for viewing
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 |
|---|---|---|
|
|
@@ -5,18 +5,6 @@ | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Argon VoIP</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | ||
| <style> | ||
| html, body { | ||
| height: 100%; | ||
| } | ||
| body { | ||
| display: flex; | ||
| flex-direction: column; | ||
| } | ||
| main { | ||
| flex-grow: 1; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body class="bg-gray-900 text-white"> | ||
| <header class="bg-gray-800 p-4"> | ||
|
|
@@ -90,5 +78,6 @@ <h2 class="text-3xl font-bold mb-4">About Us</h2> | |
| <footer class="bg-gray-800 p-4 text-center"> | ||
| <p>© 2023 Argon VoIP. All rights reserved.</p> | ||
| </footer> | ||
| <script type="module" src="/src/main.ts"></script> | ||
| </body> | ||
| </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,24 +1 @@ | ||
| // import './style.css' | ||
| // import typescriptLogo from './typescript.svg' | ||
| // import viteLogo from '/vite.svg' | ||
| // import { setupCounter } from './counter.ts' | ||
| // | ||
| // document.querySelector<HTMLDivElement>('#app')!.innerHTML = ` | ||
| // <div> | ||
| // <a href="https://vite.dev" target="_blank"> | ||
| // <img src="${viteLogo}" class="logo" alt="Vite logo" /> | ||
| // </a> | ||
| // <a href="https://www.typescriptlang.org/" target="_blank"> | ||
| // <img src="${typescriptLogo}" class="logo vanilla" alt="TypeScript logo" /> | ||
| // </a> | ||
| // <h1>Vite + TypeScript</h1> | ||
| // <div class="card"> | ||
| // <button id="counter" type="button"></button> | ||
| // </div> | ||
| // <p class="read-the-docs"> | ||
| // Click on the Vite and TypeScript logos to learn more | ||
| // </p> | ||
| // </div> | ||
| // ` | ||
| // | ||
| // setupCounter(document.querySelector<HTMLButtonElement>('#counter')!) | ||
| import './style.css' |
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,96 +1,10 @@ | ||
| :root { | ||
| font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; | ||
| line-height: 1.5; | ||
| font-weight: 400; | ||
|
|
||
| color-scheme: light dark; | ||
| color: rgba(255, 255, 255, 0.87); | ||
| background-color: #242424; | ||
|
|
||
| font-synthesis: none; | ||
| text-rendering: optimizeLegibility; | ||
| -webkit-font-smoothing: antialiased; | ||
| -moz-osx-font-smoothing: grayscale; | ||
| html, body { | ||
| height: 100%; | ||
| } | ||
|
|
||
| a { | ||
| font-weight: 500; | ||
| color: #646cff; | ||
| text-decoration: inherit; | ||
| } | ||
| a:hover { | ||
| color: #535bf2; | ||
| } | ||
|
|
||
| body { | ||
| margin: 0; | ||
| display: flex; | ||
| place-items: center; | ||
| min-width: 320px; | ||
| min-height: 100vh; | ||
| } | ||
|
|
||
| h1 { | ||
| font-size: 3.2em; | ||
| line-height: 1.1; | ||
| } | ||
|
|
||
| #app { | ||
| max-width: 1280px; | ||
| margin: 0 auto; | ||
| padding: 2rem; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .logo { | ||
| height: 6em; | ||
| padding: 1.5em; | ||
| will-change: filter; | ||
| transition: filter 300ms; | ||
| } | ||
| .logo:hover { | ||
| filter: drop-shadow(0 0 2em #646cffaa); | ||
| } | ||
| .logo.vanilla:hover { | ||
| filter: drop-shadow(0 0 2em #3178c6aa); | ||
| } | ||
|
|
||
| .card { | ||
| padding: 2em; | ||
| } | ||
|
|
||
| .read-the-docs { | ||
| color: #888; | ||
| } | ||
|
|
||
| button { | ||
| border-radius: 8px; | ||
| border: 1px solid transparent; | ||
| padding: 0.6em 1.2em; | ||
| font-size: 1em; | ||
| font-weight: 500; | ||
| font-family: inherit; | ||
| background-color: #1a1a1a; | ||
| cursor: pointer; | ||
| transition: border-color 0.25s; | ||
| } | ||
| button:hover { | ||
| border-color: #646cff; | ||
| } | ||
| button:focus, | ||
| button:focus-visible { | ||
| outline: 4px auto -webkit-focus-ring-color; | ||
| } | ||
|
|
||
| @media (prefers-color-scheme: light) { | ||
| :root { | ||
| color: #213547; | ||
| background-color: #ffffff; | ||
| } | ||
| a:hover { | ||
| color: #747bff; | ||
| } | ||
| button { | ||
| background-color: #f9f9f9; | ||
| } | ||
| display: flex; | ||
| flex-direction: column; | ||
| } | ||
| main { | ||
| flex-grow: 1; | ||
| } |