From 6d877762da5e0375103ea93bcc78c64ee4f84a27 Mon Sep 17 00:00:00 2001 From: czmj Date: Fri, 22 Sep 2017 21:40:54 +0100 Subject: [PATCH 1/3] fixes #14 --- src/assets/styles/components/_list.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/assets/styles/components/_list.scss b/src/assets/styles/components/_list.scss index 8b9ae36..ee1fdfb 100644 --- a/src/assets/styles/components/_list.scss +++ b/src/assets/styles/components/_list.scss @@ -65,6 +65,7 @@ ul { } } + &.icons--flex { display: flex; justify-content: space-between; @@ -77,6 +78,17 @@ ul { padding-right: 0; } + @include breakpoint(small) { + display: block; + padding: 0; + + li { + display: block; + margin: 40px 0; + padding: 0; + } + } + .icon { margin-right: 8px; } @@ -86,6 +98,10 @@ ul { display: block; @extend .h3; margin-top: 40px; + + @include breakpoint(small) { + margin-top: 20px; + } } } From aa284572d5e165cd5c89dc091083f37083ceae28 Mon Sep 17 00:00:00 2001 From: czmj Date: Fri, 22 Sep 2017 23:26:32 +0100 Subject: [PATCH 2/3] add hidden stylesheet so I can still copy stuff from it --- src/_includes/header.html | 17 ++- src/_layouts/page.html | 5 - src/stylesheet.md | 314 ++++++++++++++++++++++++++++++++++++++ 3 files changed, 326 insertions(+), 10 deletions(-) create mode 100644 src/stylesheet.md diff --git a/src/_includes/header.html b/src/_includes/header.html index d3312cd..96d6325 100644 --- a/src/_includes/header.html +++ b/src/_includes/header.html @@ -10,11 +10,18 @@ Menu diff --git a/src/_layouts/page.html b/src/_layouts/page.html index 1536f01..ce334d8 100644 --- a/src/_layouts/page.html +++ b/src/_layouts/page.html @@ -1,9 +1,4 @@ - {% include head.html %} diff --git a/src/stylesheet.md b/src/stylesheet.md new file mode 100644 index 0000000..14e3475 --- /dev/null +++ b/src/stylesheet.md @@ -0,0 +1,314 @@ +--- +layout: page +hidden: true +title: Stylesheet +description: Just for reference +--- + +
+

Text

+

This is bold and this is strong. This is italic and this is emphasized. + This is superscript text and this is subscript text. + This is underlined and this is code: for (;;) { ... }. Finally, this is a link.

+
+
+

Heading with a Subtitle

+

Lorem ipsum dolor sit amet nullam id egestas urna aliquam

+
+

Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.

+
+
Heading with a Subtitle
+

Lorem ipsum dolor sit amet nullam id egestas urna aliquam

+
+

Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.

+
+

Heading Level 2

+

Heading Level 3

+

Heading Level 4

+
Heading Level 5
+
Heading Level 6
+
+
Blockquote
+
Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.
+
Preformatted
+ 
i = 0;
+
+while (!deck.isInOrder()) {
+print 'Iteration ' + i;
+deck.shuffle();
+i++;
+}
+
+print 'It took ' + i + ' iterations to sort the deck.';
+
+ +
+

Lists

+
+
+
Unordered
+
    +
  • Dolor pulvinar etiam.
    • +
  • Sagittis adipiscing.
    • +
  • Felis enim feugiat.
    • +
+
Alternate
+
    +
  • Dolor pulvinar etiam.
    • +
  • Sagittis adipiscing.
    • +
  • Felis enim feugiat.
    • +
+
+
+
Ordered
+
    +
  1. Dolor pulvinar etiam.
    2. +
  2. Etiam vel felis viverra.
    3. +
  3. Felis enim feugiat.
    4. +
  4. Dolor pulvinar etiam.
    5. +
  5. Etiam vel felis lorem.
    6. +
  6. Felis enim et feugiat.
    7. +
+
Icons
+ +
+
+
Actions
+
+
+ + + + +
+
+ + +
+
+
+ +
+

Table

+
Default
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDescriptionPrice
Item OneAnte turpis integer aliquet porttitor.29.99
Item TwoVis ac commodo adipiscing arcu aliquet.19.99
Item Three Morbi faucibus arcu accumsan lorem.29.99
Item FourVitae integer tempus condimentum.19.99
Item FiveAnte turpis integer aliquet porttitor.29.99
100.00
+
+ +
Alternate
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDescriptionPrice
Item OneAnte turpis integer aliquet porttitor.29.99
Item TwoVis ac commodo adipiscing arcu aliquet.19.99
Item Three Morbi faucibus arcu accumsan lorem.29.99
Item FourVitae integer tempus condimentum.19.99
Item FiveAnte turpis integer aliquet porttitor.29.99
100.00
+
+
+ +
+

Buttons

+ + + + + +
    +
  • Disabled
    • +
  • Disabled
    • +
+
+ +
+

Form

+
+
+
+ +
+
+ +
+
+
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
    +
    • +
    • +
+
+
+
+
+ +
+

Image

+
Fit
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Left & Right
+

Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien. Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien.

+

Vestibulum ultrices risus velit, sit amet blandit massa auctor sit amet. Sed eu lectus sem. Phasellus in odio at ipsum porttitor mollis id vel diam. Praesent sit amet posuere risus, eu faucibus lectus. Vivamus ex ligula, tempus pulvinar ipsum in, auctor porta quam. Proin nec dui cursus, posuere dui eget interdum. Fusce lectus magna, sagittis at facilisis vitae, pellentesque at etiam. Quisque posuere leo quis sem commodo, vel scelerisque nisi scelerisque. Suspendisse id quam vel tortor tincidunt suscipit. Nullam auctor orci eu dolor consectetur, interdum ullamcorper ante tincidunt. Mauris felis nec felis elementum varius. Nam sapien ante, varius in pulvinar vitae, rhoncus id massa. Donec varius ex in mauris ornare, eget euismod urna egestas. Etiam lacinia tempor ipsum, sodales porttitor justo. Aliquam dolor quam, semper in tortor eu, volutpat efficitur quam. Fusce nec fermentum nisl. Aenean erat diam, tempus aliquet erat. Etiam iaculis nulla ipsum, et pharetra libero rhoncus ut. Phasellus rutrum cursus velit, eget condimentum nunc blandit vel. In at pulvinar lectus. Morbi diam ante, vulputate et imperdiet eget, fermentum non dolor. Ut eleifend sagittis tincidunt. Sed viverra commodo mi, ac rhoncus justo. Duis neque ligula, elementum ut enim vel, posuere finibus justo. Vivamus facilisis maximus nibh quis pulvinar. Quisque hendrerit in ipsum id tellus facilisis fermentum. Proin mauris dui.

+
From 5b040eb26a57504bde885b0b09b02f21e5b79b4b Mon Sep 17 00:00:00 2001 From: czmj Date: Fri, 22 Sep 2017 23:42:58 +0100 Subject: [PATCH 3/3] pick some icons, fix typo --- src/_includes/section-one.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/_includes/section-one.html b/src/_includes/section-one.html index b5f35d5..4fa99aa 100644 --- a/src/_includes/section-one.html +++ b/src/_includes/section-one.html @@ -3,21 +3,21 @@

Autonomic is a co-operative
- that is owned and run by it's workers

+ that is owned and run by its workers

We are committed to a set of core values to build progressive technologies
and infrastructure that empower users to make a positive impact on the world

  • - + Sustainability
  • - + Transparency
  • - + Privacy