Skip to content

Commit

Permalink
more icons and buttons...
Browse files Browse the repository at this point in the history
  • Loading branch information
ninjamuffin99 committed Feb 26, 2024
1 parent 836faae commit 0903302
Show file tree
Hide file tree
Showing 3 changed files with 28 additions and 19 deletions.
43 changes: 25 additions & 18 deletions 11ty-source/_layouts/demo.liquid
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,6 @@
layout: default.liquid
---

<br>
<br>

<div class="demo-container">
{% if targets == "html5" %}

Expand Down Expand Up @@ -37,22 +34,23 @@ layout: default.liquid
<br>

<h1 class="title">{{ title }}</h1>

<a href="https://github.com/HaxeFlixel/flixel-demos/tree/dev/{{source}}/source" target="_blank" style="float: right;">
<span class="glyphicon glyphicon-book"></span>
<a class="btn icon-link float-end" href="https://github.com/HaxeFlixel/flixel-demos/tree/dev/{{source}}/source" target="_blank">
<i class="bi-box-seam" ></i>
source code
</a>

</a>
{{ content }}


<br>
<hr>

<ul class="pager">
<div>
<ul class="pagination pagination-lg justify-content-between">

{% assign prevDemo = collections.demo-item | getPreviousCollectionItem %}
{% if prevDemo %}
<li class="previous">
<a href="{{prevDemo.url}}" title="Previous">
<li class="page-item">
<a class="page-link" href="{{prevDemo.url}}" title="Previous">
<i class="bi-arrow-left-square"></i>
{% capture imgURL %}src/files/images/demos/{{prevDemo.data.title}}.png{% endcapture %}
{% image imgURL, "Previous", 70, 70 %}
</a>
Expand All @@ -61,37 +59,46 @@ layout: default.liquid

{% unless prevDemo %}
{% assign lastDemo = collections.demo-item | last %}
<li class="previous">
<a href="{{lastDemo.url}}" title="Previous">
<li class="page-item">
<a class="page-link" href="{{lastDemo.url}}" title="Previous">
<i class="bi-arrow-left-square"></i>
{% capture imgURL %}src/files/images/demos/{{lastDemo.data.title}}.png{% endcapture %}
{% image imgURL, "Previous", 70, 70 %}
</a>
</li>
{% endunless %}


{% assign nextDemo = collections.demo-item | getNextCollectionItem %}
{% if nextDemo %}
<li class="next">
<a href="{{ nextDemo.url }}" title="Next">
<li class="page-item">

<a class="page-link" href="{{ nextDemo.url }}" title="Next">
{% capture imgURL %}src/files/images/demos/{{ nextDemo.data.title }}.png{% endcapture %}
{% image imgURL, "Next", 70, 70 %}
<i class="bi-arrow-right-square"></i>
</a>
</li>
{% endif %}

{% comment %} gets the first demo, if the "next" one doesn't exist {% endcomment %}
{% unless nextDemo %}
{% assign firstDemo = collections.demo-item | first %}
<li class="next">
<a href="{{ firstDemo.url }}" title="Next">
<li class="page-item">

<a class="page-link" href="{{ firstDemo.url }}" title="Next">

{% capture imgURL %}src/files/images/demos/{{ firstDemo.data.title }}.png{% endcapture %}
{% image imgURL, "Next", 70, 70 %}
<i class="bi-arrow-right-square"></i>
{% comment %} <img src="<%= @getThumbnail("/images/demos/#{@getFirst('demos').attributes.title}.png", "zoomcrop", { w:70, h:70 }) %>" alt="Next">
> {% endcomment %}
</a>
</li>
{% endunless %}
</ul>
</div>


</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion 11ty-source/index.liquid
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ title: 'Home'
<p class="lead-line">Create cross-platform games easier and free.<br> All with one codebase.</p>

<div>
<a role="button" class="btn btn-outline-primary btn-lg" href="/documentation/getting-started">Getting Started</a>
<a role="button" class="btn btn-outline-primary btn-lg" href="/documentation/getting-started">Getting Started <i class="bi-list-ol" ></i></a>
<a role="button" class="btn btn-outline-primary btn-lg" href="https://github.com/HaxeFlixel">GitHub</a>
</div>

Expand Down
2 changes: 2 additions & 0 deletions scss/style.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
@import "../node_modules/bootstrap/scss/bootstrap";
@import "../node_modules/bootstrap/scss/bootstrap";
@import "./mixins/helpers.scss";
@import "./footer.scss";
@import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css");

body {
background-image: url(/images/highlight-bg.png), url(/images/site-bg.png);
Expand Down

0 comments on commit 0903302

Please sign in to comment.