youngist.github.com/index.html at master · youngist/youngist.github.com · GitHub

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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
---
layout: default
---
<div class='trending-title'>TRENDING</div>
<div class='container-trending'>
<div class='left-nav-triangle'></div>
<script>
    $(function(){
      $(".slides").slidesjs({
        width: 1200,
        height: 200
      });
    });
  </script>
<div class='all-trending-articles'> <!-- offset: {{ custom variable that changes depending on arrow clicked and index im array}} edge case, less than 4 articles after the offset block clicking arrow div -->
{% for post in site.categories.trending limit:4 %}
	{% if forloop.index != 4 %}
	<a class='no-tag-link' href='{{site.baseurl}}{{post.url}}'><img id='trending-image-id' class='trending-image'src='{{post.image}}'/ height=150px;><div class='trending-article-box'><div class='trending-article-bg'><h3 class='trending-article-title'>{{ post.headline }}</h3></div></div></a>
	{% endif %}
	{% if forloop.index == 4 %}
	<a class='no-tag-link' href='{{site.baseurl}}{{post.url}}'><img class='trending-image'src='{{post.image}}'/ height=150px;><div class='last-block trending-article-box'><div class='trending-article-bg'><h3 class='trending-article-title'>{{ post.headline }}</h3></div></div></a>
	{% endif %}
{% endfor %}
</div>
<div class='right-nav-triangle'></div>
</div>
	{% for post in site.categories.big limit:1 %}
	{% if post.published == true %}
	<div class='container'>
	<div class='big-title'>THE BIG STORY</div>
	<a class='no-tag-link' href='{{site.baseurl}}{{post.url}}'><div class='big-article'>
		<h3 class='big-article-title'>{{ post.headline }}</h3>
	</div>
	</a>
	</div>
	{% endif %}
	{% endfor %}
		<div class='must-read-title'>MUST READS</div>
		<div class='container-must-read'>
			<div class='left-nav-triangle'></div>
				<div class='all-must-articles'>
					{% for post in site.categories.mustread limit:4 %}
					{% if post.published == true %}
					{% if forloop.index != 4 %}
					<a class='no-tag-link' href='{{site.baseurl}}{{post.url}}'><div class='must-read-article-image'></div></a>
					{% endif %}
					{% if forloop.index == 4 %}
					<a class='no-tag-link' href='{{site.baseurl}}{{post.url}}'><div class='last-block must-read-article-image'></div></a>
					{% endif %}
					{% endif %}
					{% endfor %}
				</div>
			<div class='right-nav-triangle'></div>
		</div>
	<div class='container-newest'>
	<div class='newest-title'>NEWEST</div>
	{% for post in site.categories.newest limit:3 %}
	<div class='newest-articles'>
	<a class='no-tag-link'href='{{site.baseurl}}{{post.url}}'>
		<div class='newest-article-image'><img class='newest-image'src='{{post.image}}'/  height=225px;></div> <!-- width=350px; -->
		<div class='article-text'>
			<div class='article-text-notag'>
				<h3 class='newest'>{{ post.headline }}</h3>
				<p class='tagline'>{{ post.tagline }}</p>
			</div>
			<div class='feeds-container'>
				<div class='feeds-title-container'>
					<p class='feeds-title'>FEEDS:</p>
				</div>
				<div class='tags-container'>{% for tag in post.tags %}<li class="tags"><a href="{{site.baseurl}}/tag/{{ tag }}/">{{ tag }}</a></li>{% endfor %}
				</div>
			</div>
		</div></a>
		</div>
	{% endfor %}
	</div>