Skip to content

Instantly share code, notes, and snippets.

@nosvalds
Created August 24, 2020 13:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nosvalds/0ec0d9100c58787f728c9d7da44d527e to your computer and use it in GitHub Desktop.
Save nosvalds/0ec0d9100c58787f728c9d7da44d527e to your computer and use it in GitHub Desktop.
HTML snippet from my portfolio of Pixel Perfect's Medium Widget
<!DOCTYPE html>
<html lang="en">
<head>
<!-- title and description -->
<meta name="description" content="Nikolas Osvalds personal web development portfolio website">
<title>Nik Osvalds - Home</title>
<meta property="og:image" content="https://www.nikolaso.com/images/photos/thumbnail.jpeg"/>
<!-- custom JS -->
<script defer src="./js/scripts.js"></script>
</head>
<body>
<h2 class="section-header" id="blogs">Blogs</h2>
<section class="blog-section">
<h3>Medium Feed</h3>
<div id="medium-widget" aria-label="medium story feed"></div>
</section>
<script src="https://medium-widget.pixelpoint.io/widget.js"></script>
<script>MediumWidget.Init({renderTo: '#medium-widget', params: {"resource":"https://medium.com/@nosvalds/","postsPerLine":1,"limit":4,"picture":"small","fields":["description","author","publishAt"],"ratio":"square"}})</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment