diff --git a/website/css/dark_hljs.css b/website/css/dark_hljs.css new file mode 100644 index 0000000..052dbc9 --- /dev/null +++ b/website/css/dark_hljs.css @@ -0,0 +1,61 @@ +/* + +Dark style from softwaremaniacs.org (c) Ivan Sagalaev + +*/ + +.hljs { + color: #ddd; + background: #303030; +} + +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-section, +.hljs-link { + color: white; +} + + +.hljs-subst { + /* default */ +} + +.hljs-string, +.hljs-title, +.hljs-name, +.hljs-type, +.hljs-attribute, +.hljs-symbol, +.hljs-bullet, +.hljs-built_in, +.hljs-addition, +.hljs-variable, +.hljs-template-tag, +.hljs-template-variable { + color: #d88; +} + +.hljs-comment, +.hljs-quote, +.hljs-deletion, +.hljs-meta { + color: #979797; +} + +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-title, +.hljs-section, +.hljs-doctag, +.hljs-type, +.hljs-name, +.hljs-strong { + font-weight: bold; +} + +.hljs-emphasis { + font-style: italic; +} diff --git a/website/css/style.css b/website/css/style.css index b65087d..3fae99c 100644 --- a/website/css/style.css +++ b/website/css/style.css @@ -78,6 +78,27 @@ body { */ .content { - width: 80vw; - margin-left: 10vw; + width: 75vw; + margin-left: 12.5vw; +} + +.create { + display: grid; + justify-content: center; + text-align: center; +} + +/* This div will have crazy cool style, as this should represent that you can use (almost) all the CSS you want.*/ +.create .crazy-styled { + background-color: aqua; +} + +.features { + text-align: center; +} + +.feature-item { + display: inline-block; + width: 40%; + margin: 2%; } \ No newline at end of file diff --git a/website/docs/contributing/gettingStarted.html b/website/docs/contributing/gettingStarted.html new file mode 100644 index 0000000..e69de29 diff --git a/website/docs/home.html b/website/docs/gettingStarted.html similarity index 100% rename from website/docs/home.html rename to website/docs/gettingStarted.html diff --git a/website/index.html b/website/index.html index 7b2ccb3..57a550e 100644 --- a/website/index.html +++ b/website/index.html @@ -4,8 +4,12 @@ impress.js - the stunning javascript presentation framework + + + + @@ -17,7 +21,7 @@
Watch the demo
- Get started! + Get started! Download
@@ -30,9 +34,9 @@

And CSS

-

To create stunning presentations

+

To create stunning presentations

@@ -40,15 +44,15 @@

FULL power of CSS.

-

Use the powerful styling tools CSS offers with only minimal restrictions

+

Use the powerful styling tools CSS offers with only minimal restrictions. Because a tool should not restrict your options, such that the only limit is your imagination. (And your skills in CSS)

Familiar.

-

impress.js presentations can be written in HTML with only a few simple to understand element attributes.

+

impress.js presentations can be written in HTML with only a few simple to understand element attributes. Highly detailed Documentation helps you in getting started!

Minimalist.

-

The framework only delivers what is essential, without compromising on functionality

+

The framework only delivers what is essential, without compromising on functionality. You can expand on its functionality by writing some more javascript code or by using more CSS transitions and transforms.

Plugins.

@@ -62,11 +66,22 @@

Impressed?

Then you should try impress.js

*no rhyme intended

- Get started! + Get started! - Download + Download +
+ +
+

Want to get more documentation or examples?

+

Then check out our documentation and examples

+
+ +
+

Want to help develop this project?

+

Then you should head over to our GitHub and take a look at our contributing Documentation and guidelines which you can find here

+ \ No newline at end of file