/
web.html
62 lines (49 loc) · 1.58 KB
/
web.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
---
layout: default
title: Web
weight: 1
hex: 9DF4FE
custom_js:
- jquery-3.2.1.min
- scroll-into-view
---
<!-- <div class="section-title">
<h4>
Web
</h4>
</div> -->
<div class="projects-container">
<!-- {% assign sortedWebs = site.webs | sort: "sortOrder" %}-->
{% for web in site.webs %}
<!-- {% assign img_path = "/assets/images/web/" | append: web.image-cover %}-->
{% capture thecycle %}{% cycle 'even', '' %}{% endcapture %}
{% assign type = web.title | replace: " ", "-" | downcase %}
<a href="{{ web.url }}.html" data-seen-yet="false" class="web-project {{ web.title | replace: ' ','-' | downcase }} {% if forloop.first == true %}first{% else %}show-on-scroll{% endif %} {{ thecycle }}" data-hex="{{ web.hex }}">
<div class="img-container">
{% include web-lazy-image.html type=type image=web.image-cover %}
<!-- ![My helpful screenshot]({{ "/assets/screenshot.jpg" | absolute_url }}) -->
</div>
<div class="description-container">
<div class="title-container">
<h3 class="title">
{{web.title}}
</h3>
</div>
<p class="description">
{{web.description}}
</p>
<div class="tech-wrapper">
<h6 class="tech-title">Technologies Used:</h6>
<p class="tech-list">
{% for technology in web.technologies %}
<span class="tech-item tech-{{ forloop.index }}">{{technology}}</span>
{% comment %}
<span class="tech-item tech-{{ forloop.index }}">{{technology}}{% if forloop.last != true %}, {% endif %}</span>
{% endcomment %}
{% endfor %}
</p>
</div>
</div>
</a>
{% endfor %}
</div>