Skip to content

Instantly share code, notes, and snippets.

View hbuchel's full-sized avatar
🐕
Puppies.

Heather Buchel hbuchel

🐕
Puppies.
View GitHub Profile
@hbuchel
hbuchel / app.tsx
Created January 18, 2024 17:20
rn theme
import React from 'react';
import {
Authenticator,
ThemeProvider,
useTheme,
} from '@aws-amplify/ui-react-native';
import { Amplify } from 'aws-amplify';
import { StyleSheet, Text } from 'react-native';
/*
* What is the difference between declaring props like this....
*/
class Button extends Component {
static propTypes = {
// props ...
}
// rest of component stuff...
}
gulp.task('css', function () {
var processors = [
mixins,
simpleVars,
autoprefixer({browsers: ['last 2 version']}),
mqpacker,
nested,
csswring
];
return gulp.src([
@hbuchel
hbuchel / charts.html
Last active August 29, 2015 14:27
Code Snippets for Charts
<!-- Percent of roads in good, fair, and poor condition -->
<div data-chart="lineRoadConditions"></div>
<!-- Rate of fatalities and serious injuries in motor vehicle crashes -->
<div data-chart="lineCrashSeverityRates"></div>
<!-- Percent of bridges in good, fair, poor condition -->
<div data-chart="lineBridgeConditions"></div>
<!-- Southeast Michigan Land Cover by County, 2010 -->
@hbuchel
hbuchel / Markup.html
Created June 22, 2015 15:13
Scrollable
<div class="scrollable-table" data-scrollabletable>
<div class="scrollable-table__wrapper">
<table></table>
</div>
</div>
@hbuchel
hbuchel / form.html
Created June 22, 2015 14:56
Sample Form Markup
<fieldset>
<legend>Grade Level</legend>
<label>
<input type="radio" name="rdoStudentType" value="freshman" id="freshman" checked="checked">
Freshman
</label>
<br />
<label>
<input type="radio" name="rdoStudentType" value="transfer" id="transfer">
Transfer
$( document ).ready(function() {
// bind a click event to the 'skip' link
$(".skip-nav").click(function(event){
// strip the leading hash and declare
// the content we're skipping to
var skipTo="#"+this.href.split('#')[1];
// Setting 'tabindex' to -1 takes an element out of normal
// tab flow but allows it to be focused via javascript
@hbuchel
hbuchel / news.html
Created June 18, 2015 14:26
News List
<div class="separator">
<a href="linktoarticle">NSU Career Services to host Spring Teacher Job Fair</a>
<span class="meta-text block">4/10/2015</span>
</div>
(function () {
'use strict';
angular.module('Global', ['Global.globalLinks']);
angular.module('Global.globalLinks', [])
.controller('GlobalLinksCtrl', function($scope, $http) {
$scope.searchOpen = false;
$scope.searchOpen = false;
@hbuchel
hbuchel / Grid_15353515.html
Last active August 29, 2015 14:20
Ingham Layout
<div class="row">
<div class="content-15">
15% column
</div>
<div class="content-35">
35% column
</div>
<div class="content-35">
35% column
</div>