diff --git a/README.md b/README.md index 88c1282..e2b52e1 100644 --- a/README.md +++ b/README.md @@ -4,6 +4,8 @@ dev.css is a tiny, simple, classless CSS framework inspired by Vercel's [Geist](https://vercel.com/geist) design system. It is designed to make any plain HTML file look clean and modern. The minified stylesheet weighs only **~5.9kb** and includes both light and dark themes. +You can find the website at devcss.devins.page, which contains a demo page. +
Click to view preview dev.css desktop demo, light mode @@ -21,9 +23,7 @@ dev.css is a great choice for: - Collecting your most used links - Prototyping your raw HTML -dev.css was not meant for very complex websites. - -An example of a site that uses dev.css is [SkywardMC's wiki](https://skywardmc.org). +dev.css was not meant for very complex websites. An example of a site that uses dev.css is [SkywardMC's wiki](https://skywardmc.org). ## Importing diff --git a/demo.html b/demo.html deleted file mode 100644 index c1a2089..0000000 --- a/demo.html +++ /dev/null @@ -1,348 +0,0 @@ - - - - - - Demo - dev.css - - - - - - - -
-

dev.css

-

Optional short summary of the page.

- -
- - - -
-

Demo

-

- This is the demo page for dev.css, a classless, lightweight, and - accessible CSS framework! Lorem ipsum odor amet, consectetuer adipiscing - elit. Hac suscipit magnis a, duis sollicitudin imperdiet. -

-

Heading 2

-

- Lorem ipsum odor amet, consectetuer adipiscing elit. Hac suscipit magnis - a, duis sollicitudin imperdiet. Aliquam inceptos quis semper libero - gravida purus dui posuere lacinia. Aliquet erat torquent auctor leo - habitasse feugiat iaculis pharetra. Dignissim ridiculus gravida dictumst - donec iaculis. -

-

Heading 3

-

- Sed tortor congue mauris molestie per facilisi vulputate. Quam aenean - mollis dui sollicitudin; per pretium mattis. Dis luctus vestibulum proin - id neque porta. Vehicula sapien aenean tellus inceptos lectus facilisis - viverra. Lacinia habitasse convallis diam elit lobortis luctus. -

-

Heading 4

-

- Mattis per parturient convallis tempor nec posuere imperdiet. Natoque - dolor enim tempus bibendum ligula facilisis ipsum interdum. Netus - maximus laoreet adipiscing enim phasellus. Luctus nunc at egestas - torquent porttitor nostra aliquam tempus. -

-
Heading 5
-

- Erat interdum etiam condimentum, nullam odio ex maximus vel. Rhoncus - suspendisse vestibulum aptent amet torquent class suscipit ultrices - viverra. -

-
Heading 6
-

- Mattis primis lacus ac metus sollicitudin consequat bibendum luctus. - Ridiculus dignissim tortor viverra posuere cras curabitur. -

- -
-
-
- -
- This entire page was made with just dev.css and basic HTML. You can view - the source - here. -
- -
-
-
- -

- Lorem ipsum dolor sit amet - consectetur adipisicing elit. Aut - harum molestias labore amet possimus - exercitationem aperiam earum, doloribus - nobis ducimus maiores quia voluptates quis omnis molestiae - quisquam. Voluptatibus, officiis laudantium? -

- -

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - Hic culpa, nobis doloremque veniam non, nihil cupiditate - odit repellat est ALT + F4 expedita facilis. Fuga aspernatur, - alias debitis eveniet totam minima vel. -

- - - -
    -
  1. Step 1
  2. -
  3. Step 2
  4. -
  5. ????
  6. -
  7. Profit!
  8. -
- -
-
Web
-
The part of the Internet that contains websites and web pages
-
HTML
-
A markup language for creating web pages
-
CSS
-
A technology to make HTML look better
-
- -
- If you think privacy is unimportant for you because you have nothing to - hide, you might as well say free speech is unimportant for you because - you have nothing useful to say. -
-
- – Edward Snowden -
- -
<!DOCTYPE html>
-	<html>
-		<head>
-			<title>Hello World</title>
-		</head>
-		<body>
-			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-		</body>
-</html>
- -
-
-
- -
- Click me! -

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

-
- -
-
-
- -
-

Article element

-

This is an article element by itself.

-
- -
-

Article element

-

This is an article element with other nested elements.

-
-

Article 1

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

-
-
-

Article 2

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

-
-
- Click me! -

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Ho-kago Tea Time -
NameInstrument
Yui HirasawaLead Guitar
Mio AkiyamaBass
Ritsu TainakaDrums
Tsumugi KotobukiKeyboard
Azusa NakanoRhythm Guitar
NameInstrument
- -
-
-
- -
-

- - This is not a real form and does not submit or save any information. - -

-

-
- -

-

-
- -

-

-
- -
- -
- -

-

-
- -

-

-
- -

-

-
- -

-

-
- -

-

-
- -

-

- -

-

- - - -

-
- -
-
-
- - Mt. Fuji -
- - - -