From f00ea0a95a23e9a72bbae04e47bffef6cd306726 Mon Sep 17 00:00:00 2001
From: ebremner <ebremner@uwaterloo.ca>
Date: Fri, 27 Mar 2020 14:35:21 -0400
Subject: [PATCH] ISTWCMS-3668: adding stylings for twitter
---
.../04-components/twitter/_twitter.scss | 7 ++++
.../04-components/twitter/twitter.twig | 33 +++++++++++++++++++
.../04-components/twitter/twitter.yml | 3 ++
3 files changed, 43 insertions(+)
create mode 100644 source/_patterns/04-components/twitter/_twitter.scss
create mode 100644 source/_patterns/04-components/twitter/twitter.twig
create mode 100644 source/_patterns/04-components/twitter/twitter.yml
diff --git a/source/_patterns/04-components/twitter/_twitter.scss b/source/_patterns/04-components/twitter/_twitter.scss
new file mode 100644
index 00000000..ecb165a3
--- /dev/null
+++ b/source/_patterns/04-components/twitter/_twitter.scss
@@ -0,0 +1,7 @@
+.uw-twitter {
+ &__wrapper {
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+ }
+}
diff --git a/source/_patterns/04-components/twitter/twitter.twig b/source/_patterns/04-components/twitter/twitter.twig
new file mode 100644
index 00000000..b4e78b93
--- /dev/null
+++ b/source/_patterns/04-components/twitter/twitter.twig
@@ -0,0 +1,33 @@
+{% if feed_type == 'faves' %}
+ {% set twitter_href = 'https://twitter.com/' ~ username ~ '/favorites' %}
+ {% set twitter_link = 'Favourite tweets by @' ~ username %}
+{% elseif feed_type == 'profile' %}
+ {% set twitter_href = 'https://twitter.com/' ~ username %}
+ {% set twitter_link = 'Tweets by @' ~ username %}
+{% elseif feed_type == 'list' %}
+ {% set twitter_href = 'https://twitter.com/' ~ username ~ '/lists/' ~ list_name %}
+ {% set twitter_link = 'Tweets by @' ~ username ~ '/' ~ list_name %}
+{% endif %}
+
+<div class="uw-twitter">
+ <div class="uw-twitter__wrapper">
+
+ {% if feed_type == 'embed-tweet' %}
+ <blockquote class="twitter-tweet" data-dnt="true"><a href="https://twitter.com/{{ tweet_code }}">Read individual Tweet on Twitter</a></blockquote>
+ {% else %}
+ <div
+ class="twitter"
+ data-listname="{{ list_name }}"
+ data-timeline=""
+ data-tweet=""
+ data-type="{{ feed_type }}"
+ data-url=""
+ data-username="{{ username }}">
+ <a class="twitter-timeline" href="{{ twitter_href }}" data-theme="light" data-link-color="#light" data-height="650" data-dnt="true">{{ twitter_link }}</a>
+ </div>
+ {% endif %}
+
+ <script src="https://platform.twitter.com/widgets.js"></script>
+
+ </div>
+</div>
diff --git a/source/_patterns/04-components/twitter/twitter.yml b/source/_patterns/04-components/twitter/twitter.yml
new file mode 100644
index 00000000..67c39ee9
--- /dev/null
+++ b/source/_patterns/04-components/twitter/twitter.yml
@@ -0,0 +1,3 @@
+feed_type: profile
+username: UWaterloo
+list_name: test
--
GitLab