Jeoren's syntax: {{#github:readme.md|hackersanddesigners/hdsa2019doc}}

Karl's syntax: <tool repo="REPONAME" file="FILENAME"></tool>

/ hackersanddesigners/had-py / readme.md

<div class="position-relative header-wrapper js-header-wrapper ">
  <a href="#start-of-content" data-skip-target-assigned="false" class="px-2 py-4 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus js-skip-to-content">Skip to content</a>

  <span data-view-component="true" class="progress-pjax-loader Progress position-fixed width-full">
<span style="width: 0%;" data-view-component="true" class="Progress-item progress-pjax-loader-bar left-0 top-0 color-bg-accent-emphasis"></span>

  <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/ui_packages_ui-commands_ui-commands_ts-d25fac54a6bc.js"></script>

Resources Topics
- AI
- DevOps
- Security
- Software Development
- View all
```
                   Explore
```
Open Source
- GitHub Sponsors Fund open source developers
- The ReadME Project GitHub community articles
```
                   Repositories
```
Enterprise
- Enterprise platform AI-powered developer platform
```
                   Available add-ons
```
Pricing

       Search or jump to...

Search code, repositories, users, issues, pull requests...

       Search

           
             Search syntax tips

Provide feedback

We read every piece of feedback, and take your input very seriously.

         Include my email address so I can be contacted

                   Cancel

             Submit feedback

Saved searches

Use saved searches to filter your results more quickly

           Name

           Query

To see all available qualifiers, see our documentation.

                   Cancel

             Create saved search

             
               Sign in

             
               Sign up
             
         Reseting focus

  <div hidden="hidden" data-view-component="true" class="js-stale-session-flash stale-session-flash flash flash-warn flash-full">

    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
<path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

<button id="icon-button-bdec3c2f-2ad7-4f7d-ac02-de8f29adc74f" aria-labelledby="tooltip-d1fdc0a9-0b61-4225-a370-ffe272671cee" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium flash-close js-flash-close">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x Button-visual">
<path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>

Dismiss alert

<div id="js-flash-container" class="flash-container" data-turbo-replace>

     {{ message }}

<include-fragment class="js-notification-shelf-include-fragment" data-base-src="https://github.com/notifications/beta/shelf"></include-fragment>

   
     
       hackersanddesigners

   /
   
     had-py

   Public

Notifications You must be signed in to change notification settings
Fork 1
Star 1

Additional navigation options

      <footer class="footer pt-8 pb-6 f6 color-fg-muted p-responsive" role="contentinfo" >

Footer

     
       © 2024 GitHub, Inc.

Footer navigation

Terms
Privacy
Security
Status
Docs
Contact
Manage cookies
Do not share my personal information

<ghcc-consent id="ghcc" class="position-fixed bottom-0 left-0" style="z-index: 999999" data-initial-cookie-consent-allowed="" data-cookie-consent-required="true"></ghcc-consent>

   You can’t perform that action at this time.

<template id="site-details-dialog">

<div class="Popover js-hovercard-content position-absolute" style="display: none; outline: none;">

<template id="snippet-clipboard-copy-button">

</div>

<div id="js-global-screen-reader-notice" class="sr-only mt-n1" aria-live="polite" aria-atomic="true" ></div>
<div id="js-global-screen-reader-notice-assertive" class="sr-only mt-n1" aria-live="assertive" aria-atomic="true"></div>

↗ view more tools ↗↗ view in GitHub ↗

To-Do for Article Pages

CSS
- define a max height → expandable to full height
- cute styling ◕3◕
HTML
- external link to github

To-Do for Tools Page

CSS
- max height + width
HTML
- if #github embed in article then create same embed in tools
- external link to github
- internal link to article (only in tools page)

ToolExample

Navigation Menu