Skip to content

Commit ab1994d

Browse files
author
fabianmoronzirfas
committed
feat(example): added example folders to gallery and tutorials
1 parent 5459101 commit ab1994d

File tree

19 files changed

+96
-2
lines changed

19 files changed

+96
-2
lines changed

_layouts/default.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,15 @@
2020
<body>
2121
<div class="main">
2222
<h1>{{page.title}}</h1>
23-
<div id="content" class="wrapper">
23+
<div id="content" class="wrapppper">
2424
{{content}}
2525
</div>
2626
<div class="line"></div>
2727
<div class="line"></div>
2828
<div class="line"></div>
2929
</div>
3030
<div class="guidelines">
31-
<script src="/assets/js/gridline.js" type="text/javascript"></script>
31+
<!-- <script src="/assets/js/gridline.js" type="text/javascript"></script> -->
3232
</div>
3333
</body>
3434
</html>

_layouts/gallery.html

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
layout: default
3+
---
4+
5+
{% for img in page.images %}
6+
{%if img == "index.png" %}
7+
<img src="./images/{{img}}" alt="" style="max-width:100%">
8+
{% endif %}
9+
{% endfor %}
10+
11+
{{content}}
12+
13+
{% capture mdcode %}
14+
```js
15+
{% include_relative index.js %}
16+
```
17+
{% endcapture %}
18+
{{ mdcode | markdownify }}
19+
20+
{% for img in page.images %}
21+
{%if img != "index.png" %}
22+
<img src="./images/{{img}}" alt="" style="max-width:100%">
23+
{% endif%}
24+
{% endfor %}

_layouts/tutorial.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
---
2+
layout: default
3+
---
4+
{{content}}

assets/css/styles.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,13 +14,18 @@ $textColor: #000;
1414
$headLineColor: #333;
1515
$guideOneColor: #9636FC;
1616
$guideTwoColor: #FF4EFF;
17+
1718
body {
1819
margin: 0 auto;
1920
// font-size: 1.1em;
2021
// line-height: 1.5;
2122
padding: 1em 1em;
2223
background-image: url("/assets/images/stripe_c40ccfac0db9e43c48e95a530d787366.png");
2324
}
25+
26+
img{
27+
max-width: 100%;
28+
}
2429
.main {
2530
max-width: 55em;
2631
border: 1px solid #eaeaea;

gallery/example/images/boom.png

3.1 KB
Loading

gallery/example/images/canvas.png

3.1 KB
Loading

gallery/example/images/foobah.png

3.1 KB
Loading

gallery/example/images/index.png

3.1 KB
Loading

gallery/example/index.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
var foo = function foo () {
2+
return 'bah';
3+
};

gallery/example/index.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
layout: gallery
3+
title: "example gallery page"
4+
frontpage: true
5+
images:
6+
- "index.png"
7+
- "boom.png"
8+
- "canvas.png"
9+
- "foobah.png"
10+
summary: "This is a short summary of my funky basil.js Project"
11+
---
12+
13+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

0 commit comments

Comments
 (0)