Skip to content

Instantly share code, notes, and snippets.

View atomgroom's full-sized avatar

Adam Groom atomgroom

View GitHub Profile
// Below is the menu on mobile that opens the menu
<a class="mobile-menu-icon" onclick="javascript:toggle('menu');">
<img src="/images/icon-menu.svg" />
MENU
</a>
// Then there is some markup for the menu
// This script toggles the menu open and close, jumps the page to the top, and onWindow.Resize toggles the display (for responsive).
{{ range $taxonomyname, $taxonomy := .Site.Taxonomies }}
<ul class="global-nav">
{{ range $key, $value := $taxonomy }}
<li> {{ $key }} </li>
<ul>
{{ range $value.Pages }}
<li hugo-nav="{{ .RelPermalink}}">
<a href="{{ .Permalink}}"> {{ .LinkTitle }} </a>
</li>
{{ end }}
Product Manager - Atom Groom
* * *
Job Description:
The product manager will own every aspect of the company Apps and Website, as individual products. The product manager is responsible for sitting directly in the center of user experience, design, technology and business. The product manager must have experience and be capable of design, prototyping and development.  The product manager is also responsible for being the advocate of both the users and the internal team responsible for building products.  The product manager’s main focus is to consistently be the voice of the user.
Internal Team Focus:
Product Design Lead - Atom Groom
* * *
Job Description:
<svg height="131" width="131">
<image class="icon-homepage-circle-masked" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon-circle-fill.svg" width="131" height="131"></image>
<defs>
<clipPath id="svgPath">
<path fill="#CB3036" fill-opacity="0.0" d="M64.8,129.6C29.1,129.6,0,100.5,0,64.8C0,29.1,29.1,0,64.8,0s64.8,29.1,64.8,64.8
C129.6,100.5,100.5,129.6,64.8,129.6z M64.8,2C30.2,2,2,30.2,2,64.8c0,34.6,28.2,62.8,62.8,62.8c34.6,0,62.8-28.2,62.8-62.8
C127.6,30.2,99.4,2,64.8,2z"/>
</clipPath>
</defs>
</svg>
@atomgroom
atomgroom / ReverseAnimation
Created December 23, 2014 17:27
Reverse Animation for the Animate.css RotateIn Class
@-webkit-keyframes rotateInReverse {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
100% {