Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mode A: Twitter Slider #421

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Mode A: Twitter Slider #421

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
1acdc2a
Mergning
alexspyr Jan 29, 2019
bf023a5
Merge branch 'master' of https://github.com/alexspyr/devit
alexspyr Jan 29, 2019
ef6399c
First demo of Twitter Sldier
alexspyr Jan 29, 2019
c976b6f
Merging with upstream changes
alexspyr Jan 31, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
80 changes: 63 additions & 17 deletions _includes/blocks/tweets.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,65 @@
<div class="tweets">
<div class="tweets__container">
<ul id="autoWidth" class="cs-hidden">
<li class="tweet-item">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">RFC 968 is one of my favs. &quot;Twas the Night Before Start-up&quot; Enjoy!<a href="https://t.co/VQuUqTx9Sq">https://t.co/VQuUqTx9Sq</a></p>&mdash; Ian Philpot 🤙🏻 Casual Delivery (@tripdubroot)<a href="https://twitter.com/tripdubroot/status/944962092343463936?ref_src=twsrc%5Etfw">December 24, 2017</a></blockquote>
</li>
<li class="tweet-item">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Friends with a Switch, DM me your Nintendo friend code thing</p>&mdash; Nicolas (@necolas) <a href="https://twitter.com/necolas/status/945329056853188609?ref_src=twsrc%5Etfw">December 25, 2017</a></blockquote>
</li>
<li class="tweet-item">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">RFC 968 is one of my favs. &quot;Twas the Night Before Start-up&quot; Enjoy!<a href="https://t.co/VQuUqTx9Sq">https://t.co/VQuUqTx9Sq</a></p>&mdash; Ian Philpot 🤙🏻 Casual Delivery (@tripdubroot)<a href="https://twitter.com/tripdubroot/status/944962092343463936?ref_src=twsrc%5Etfw">December 24, 2017</a></blockquote>
</li>
<li class="tweet-item">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Friends with a Switch, DM me your Nintendo friend code thing</p>&mdash; Nicolas (@necolas) <a href="https://twitter.com/necolas/status/945329056853188609?ref_src=twsrc%5Etfw">December 25, 2017</a></blockquote>
</li>
</ul>
<button class="block__cta">Go to twitter</button>


<div class="tweets">
<div class="tweetsSlider">

<div><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">The <a href="https://twitter.com/devitconf?ref_src=twsrc%5Etfw">@devitconf</a> team is usually referring to the core team, which are people that have been around since day one, and the volunteers (practically we are all volunteers) which are newcomers and have been involved somehow with the operations that consist a DEVit event.</p>&mdash; Kostas Bariotis (@kbariotis) <a href="https://twitter.com/kbariotis/status/1007003565855035393?ref_src=twsrc%5Etfw">June 13, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>

<div><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">The <a href="https://twitter.com/devitconf?ref_src=twsrc%5Etfw">@devitconf</a> team is usually referring to the core team, which are people that have been around since day one, and the volunteers (practically we are all volunteers) which are newcomers and have been involved somehow with the operations that consist a DEVit event.</p>&mdash; Kostas Bariotis (@kbariotis) <a href="https://twitter.com/kbariotis/status/1007003565855035393?ref_src=twsrc%5Etfw">June 13, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>

<div><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">The <a href="https://twitter.com/devitconf?ref_src=twsrc%5Etfw">@devitconf</a> team is usually referring to the core team, which are people that have been around since day one, and the volunteers (practically we are all volunteers) which are newcomers and have been involved somehow with the operations that consist a DEVit event.</p>&mdash; Kostas Bariotis (@kbariotis) <a href="https://twitter.com/kbariotis/status/1007003565855035393?ref_src=twsrc%5Etfw">June 13, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>

<div><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">The <a href="https://twitter.com/devitconf?ref_src=twsrc%5Etfw">@devitconf</a> team is usually referring to the core team, which are people that have been around since day one, and the volunteers (practically we are all volunteers) which are newcomers and have been involved somehow with the operations that consist a DEVit event.</p>&mdash; Kostas Bariotis (@kbariotis) <a href="https://twitter.com/kbariotis/status/1007003565855035393?ref_src=twsrc%5Etfw">June 13, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>

<div><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">The <a href="https://twitter.com/devitconf?ref_src=twsrc%5Etfw">@devitconf</a> team is usually referring to the core team, which are people that have been around since day one, and the volunteers (practically we are all volunteers) which are newcomers and have been involved somehow with the operations that consist a DEVit event.</p>&mdash; Kostas Bariotis (@kbariotis) <a href="https://twitter.com/kbariotis/status/1007003565855035393?ref_src=twsrc%5Etfw">June 13, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>
</div>
<button class="block__cta">Go to twitter</button>

</div>





</div>


<script type="text/javascript">
$(document).on('ready', function () {
$('.tweetsSlider').slick({
centerMode: true,
centerPadding: '60px',
autoplay: true,
autoplaySpeed: 2000,
slidesToShow: 3,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 3
}
},
{
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
}
]
});
});



</script>
2 changes: 2 additions & 0 deletions _js/a.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
$(document).ready(function() { $("#lightSlider").lightSlider(); });
// import(/* webpackChunkName: "subscribe" */ './modules/subscribe.js');
14 changes: 14 additions & 0 deletions _layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,17 @@
<meta name="msapplication-config" content="/assets/images/favicon/browserconfig.xml?v=GvJLOgvboj">
<meta name="theme-color" content="#ffffff">

<!-- slicker Slider CDN -->
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<!-- <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<script type="text/javascript" src="https://kenwheeler.github.io/slick/slick/slick.js"></script> -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick-theme.css"/>



{% if page.schemaFile %}
{% include schemas/{{ page.schemaFile }}.html %}
{% endif %}
Expand Down Expand Up @@ -95,6 +106,9 @@
<script src='/assets/js/{{ js_file }}'></script>
{% endfor %}
{% endif %}

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick.min.js"></script>

<!-- DO NOT EDIT THIS END -->

</body>
Expand Down
2 changes: 2 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,9 @@
"node": ">=6.0.0"
},
"dependencies": {
"browser-sync": "^2.26.3",
"gh-pages": "^1.1.0",
"siema": "^1.5.1",
"vanilla-lazyload": "^10.5.2"
}
}
13 changes: 8 additions & 5 deletions pages/working/a.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,13 @@
---
permalink: /working/a.html
layout: default
title: Mode A
description: Test
permalink: /modeA
custom_js:
- new.bundle.js
---
- schedule.bundle.js
---

{% include blocks/menu.html %}
{% include blocks/header.html %}
{% include blocks/photo-album.html %}
{% include blocks/tweets.html %}
{% include blocks/footer.html %}
{% include blocks/footer.html %}
Loading