From bf44c44d4e67c8dc5968a9a688a2d934c3d21164 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Mon, 17 Jul 2017 21:25:21 +0200
Subject: Use the beta credly widget

---
 articles/badges.md       | 3 +--
 style/credly-widget.scss | 7 +++++++
 style/main.scss          | 1 +
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 style/credly-widget.scss

diff --git a/articles/badges.md b/articles/badges.md
index b008615..6c2ec24 100644
--- a/articles/badges.md
+++ b/articles/badges.md
@@ -5,5 +5,4 @@ permalink: /badges/
 Below you can see the badges that I earned, you can also view my
 [credly profile](https://credly.com/u/2193255).
 
-<iframe src="https://credly.noahloomans.com/user/2193255" frameborder="0"
-        width="100%" height="800"></iframe>
\ No newline at end of file
+<script data-type="user" data-id="2193255" async="" defer="" src="https://beta.credly.noahloomans.com/credly-widget.js"></script>
diff --git a/style/credly-widget.scss b/style/credly-widget.scss
new file mode 100644
index 0000000..9c495a9
--- /dev/null
+++ b/style/credly-widget.scss
@@ -0,0 +1,7 @@
+.credly__user {
+  line-height: initial;
+
+  &, * {
+    box-sizing: initial;
+  }
+}
diff --git a/style/main.scss b/style/main.scss
index 01dcb6c..b6ceff4 100644
--- a/style/main.scss
+++ b/style/main.scss
@@ -12,6 +12,7 @@ $page-padding-between: 40px;
 @import 'projects';
 @import 'responsive';
 @import 'random-project';
+@import 'credly-widget';
 
 * {
   box-sizing: border-box;
-- 
cgit v1.1