A Pen by Chris Hanson
How do I make an a pen by chris hanson?
What is a a pen by chris hanson? How do you make a a pen by chris hanson? This script and codes were developed by Chris Hanson on 01 October 2022, Saturday.
A Pen by Chris Hanson Previews
A Pen by Chris Hanson - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Chris Hanson</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://mattiash.github.io/angular-tablesort/tablesort.css'> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ body { font-size: 13px;
}
h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); margin-bottom: 45px; padding-bottom: 20px;
}
main { width: 700px; margin: 50px auto;
}
.popout-accordion { position: relative;
}
.popout-accordion .accordion-group { border-top: 1px solid #e5e5e5; padding: 12px; background: white; margin: 0; transition: all .5s; box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.popout-accordion popout-accordion-group:last-of-type > div { border-bottom: 1px solid #e5e5e5;
}
.popout-accordion .accordion-title { /* .clearfix();*/
}
.popout-accordion .accordion-group.open { background: #f6f6f6; border-color: transparent; margin: 8px -20px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); padding: 20px;
}
.popout-accordion .accordion-panel { margin-top: 18px;
}
.popout-accordion .accordion-panel p:last-child { margin-bottom: 0;
}
.popout-accordion .accordion-group.disabled { background: ##f8f8f8;
}
.popout-accordion .accordion-group.disabled a { color: lightgray; cursor: default;
}
.action-col { width: 1%;
}
.popout-accordion .title-wrapper { position: relative; line-height: 32px; transition: line-height 0.5s;
}
.popout-accordion .title-wrapper .actions { float: right;
}
.popout-accordion .objective-status { height: 32px; line-height: 32px; transition: all .5s; overflow: hidden;
}
.popout-accordion .account-id { margin: 0 20px;
}
.popout-accordion table { margin-bottom: 0;
}
.popout-accordion tbody { background: white;
}
.popout-accordion .open .photo { width: 65px; height: 65px;
}
.popout-accordion .open .objective-status { line-height: 65px; height: 65px;
}
.popout-accordion .open .title-wrapper { line-height: 65px;
}
.photo-container .objective-status,
.photo-container .photo { float: left; display: inline-block; text-transform: uppercase;
}
.photo-container .photo { height: 32px; width: 32px; background-size: cover; background-position: 50%; transition: width .5s, height .5s;
}
.photo-container .inner { padding: 0 12px; font-size: 11px;
}
.photo-container .inner:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: '\f068'; margin-right: 5px;
}
.photo-container .inner:after { content: "Not Started";
}
.photo-container .inner.completed:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: '\f00c';
}
.photo-container .inner.completed:after { content: "Completed";
}
.photo-container .inner.started:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: '\f04b';
}
.photo-container .inner.started:after { content: "In Progress";
}
.photo-container .objective-status { line-height: 32px; margin-right: 1px; color: white; white-space: nowrap; overflow: hidden; background: gray; width: 8px; transition: width 0.2s, line-height 0.5s, height 0.5s;
}
.photo-container .objective-status.completed { background: green;
}
.photo-container .objective-status.started { background: orange;
}
.photo-container:hover .objective-status { width: 115px;
}
.context-menu { position: relative;
}
.context-menu .context-menu-dropdown { opacity: 0; visibility: hidden; display: block;
}
.context-menu.open .context-menu-dropdown { opacity: 1; visibility: visible;
}
.context-menu.bottom .context-menu-dropdown { transform: translateY(5px);
}
.context-menu.bottom.open .context-menu-dropdown { transform: translateY(0);
}
.context-menu.right .context-menu-dropdown { transform: translate(5px, -50%);
}
.context-menu.right.open .context-menu-dropdown { transform: translate(0, -50%);
}
.context-menu.top .context-menu-dropdown { transform: translateY(-5px);
}
.context-menu.top.open .context-menu-dropdown { transform: translateY(0);
}
.context-menu.left .context-menu-dropdown { transform: translate(-5px, -50%);
}
.context-menu.left.open .context-menu-dropdown { transform: translate(0, -50%);
}
.context-menu-toggle { color: #999999; padding: 0 5px; transition: color .2s; display: inline-block;
}
.context-menu-toggle:hover { color: black;
}
.context-menu-dropdown { position: absolute; min-width: 130px; right: -10px; left: auto; border: 1px solid #cccccc; border-radius: 3px; font-size: 12px; padding: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); background: white; transition: all 0.3s ease; z-index: 1000;
}
.context-menu-dropdown li { list-style: none; border-bottom: 1px #ebebeb solid;
}
.context-menu-dropdown li:last-child { border-bottom: none;
}
.context-menu-dropdown > li > a { color: #0099ff; padding: 7px 10px; display: block; transition: all .2s;
}
.context-menu-dropdown > li > a:hover { background: #007acc; color: white;
}
.context-menu.bottom .context-menu-dropdown:after,
.context-menu.bottom .context-menu-dropdown:before { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.context-menu.bottom .context-menu-dropdown:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: white; border-width: 5px; margin-left: -5px; right: 11px;
}
.context-menu.bottom .context-menu-dropdown:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #cccccc; border-width: 6px; margin-left: -6px;
}
.context-menu.right .context-menu-dropdown { right: auto; left: 100%; top: 5px; margin-left: 2px;
}
.context-menu.right .context-menu-dropdown:after,
.context-menu.right .context-menu-dropdown:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.context-menu.right .context-menu-dropdown:after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 5px; margin-top: -5px;
}
.context-menu.right .context-menu-dropdown:before { border-color: rgba(255, 255, 255, 0); border-right-color: #cccccc; border-width: 6px; margin-top: -6px;
}
.context-menu.top .context-menu-dropdown { bottom: 100%; top: auto;
}
.context-menu.top .context-menu-dropdown:after,
.context-menu.top .context-menu-dropdown:before { top: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.context-menu.top .context-menu-dropdown:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 5px; margin-left: -5px; right: 11px;
}
.context-menu.top .context-menu-dropdown:before { border-color: rgba(255, 255, 255, 0); border-top-color: #cccccc; border-width: 6px; margin-left: -6px;
}
.context-menu.left .context-menu-dropdown { left: auto; right: 100%; top: 5px; margin-right: 2px;
}
.context-menu.left .context-menu-dropdown:after,
.context-menu.left .context-menu-dropdown:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.context-menu.left .context-menu-dropdown:after { border-color: rgba(255, 255, 255, 0); border-left-color: white; border-width: 5px; margin-top: -5px;
}
.context-menu.left .context-menu-dropdown:before { border-color: rgba(255, 255, 255, 0); border-left-color: #cccccc; border-width: 6px; margin-top: -6px;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <main ng-app="app" ng-controller="appCtrl as ctrl"> <h2>Accounts Accordion</h2> <popout-accordion> <popout-accordion-group ng-repeat="account in ctrl.accounts"> <popout-accordion-title> <div class="title-wrapper"> <div class="photo-container"> <span class="objective-status" ng-class="account.status"> <span class="inner" ng-class="account.status"></span> </span> <div class="photo" ng-style="{ backgroundImage: 'url(' + account.thumbnailUrl + ')'}"> </div> </div> <strong class="account-id">{{account.accountId}}</strong> <popout-accordion-toggle on-toggle="account.$loadObjectiveTable = true"> <strong>{{ account.fullName }}</strong> ({{account.userName}}) </popout-accordion-toggle> <span class="actions"> <a href title="Delete" ng-click=""><i class="fa fa-times"></i></a> </span> </div> </popout-accordion-title> <popout-accordion-panel> <table class="table" ts-wrapper ng-if="account.$loadObjectiveTable"> <thead> <tr> <th ts-criteria="title" ts-default>Objective Name</th> <th ts-criteria="started">Started</th> <th ts-criteria="completed">Completed</th> <th ts-criteria="score">Score</th> <th ts-criteria="status">Status</th> <th class="action-col"> </th> </tr> </thead> <tbody> <tr ng-repeat="objective in account.objectives" ts-repeat> <td> <a href ng-click="">{{objective.title}}</a> </td> <td>{{objective.started | date:"dd/MM/yyyy"}}</td> <td>{{objective.completed | date:"dd/MM/yyyy"}}</td> <td>{{objective.score}}%</td> <td>{{objective.status}}</td> <td> <context-menu> <a href ng-click="">Set Status</a> <a href ng-click="">Set Complete</a> <a href ng-click="">Reset</a> </context-menu> </td> </tr> </tbody> </table> </popout-accordion-panel> </popout-accordion-group> </popout-accordion>
</main> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.28/angular.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular-animate.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.11.2/ui-bootstrap-tpls.min.js'></script>
<script src='https://mattiash.github.io/angular-tablesort/js/angular-tablesort.js'></script> <script src="js/index.js"></script>
</body>
</html>
A Pen by Chris Hanson - Script Codes CSS Codes
body { font-size: 13px;
}
h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); margin-bottom: 45px; padding-bottom: 20px;
}
main { width: 700px; margin: 50px auto;
}
.popout-accordion { position: relative;
}
.popout-accordion .accordion-group { border-top: 1px solid #e5e5e5; padding: 12px; background: white; margin: 0; transition: all .5s; box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.popout-accordion popout-accordion-group:last-of-type > div { border-bottom: 1px solid #e5e5e5;
}
.popout-accordion .accordion-title { /* .clearfix();*/
}
.popout-accordion .accordion-group.open { background: #f6f6f6; border-color: transparent; margin: 8px -20px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); padding: 20px;
}
.popout-accordion .accordion-panel { margin-top: 18px;
}
.popout-accordion .accordion-panel p:last-child { margin-bottom: 0;
}
.popout-accordion .accordion-group.disabled { background: ##f8f8f8;
}
.popout-accordion .accordion-group.disabled a { color: lightgray; cursor: default;
}
.action-col { width: 1%;
}
.popout-accordion .title-wrapper { position: relative; line-height: 32px; transition: line-height 0.5s;
}
.popout-accordion .title-wrapper .actions { float: right;
}
.popout-accordion .objective-status { height: 32px; line-height: 32px; transition: all .5s; overflow: hidden;
}
.popout-accordion .account-id { margin: 0 20px;
}
.popout-accordion table { margin-bottom: 0;
}
.popout-accordion tbody { background: white;
}
.popout-accordion .open .photo { width: 65px; height: 65px;
}
.popout-accordion .open .objective-status { line-height: 65px; height: 65px;
}
.popout-accordion .open .title-wrapper { line-height: 65px;
}
.photo-container .objective-status,
.photo-container .photo { float: left; display: inline-block; text-transform: uppercase;
}
.photo-container .photo { height: 32px; width: 32px; background-size: cover; background-position: 50%; transition: width .5s, height .5s;
}
.photo-container .inner { padding: 0 12px; font-size: 11px;
}
.photo-container .inner:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: '\f068'; margin-right: 5px;
}
.photo-container .inner:after { content: "Not Started";
}
.photo-container .inner.completed:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: '\f00c';
}
.photo-container .inner.completed:after { content: "Completed";
}
.photo-container .inner.started:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: '\f04b';
}
.photo-container .inner.started:after { content: "In Progress";
}
.photo-container .objective-status { line-height: 32px; margin-right: 1px; color: white; white-space: nowrap; overflow: hidden; background: gray; width: 8px; transition: width 0.2s, line-height 0.5s, height 0.5s;
}
.photo-container .objective-status.completed { background: green;
}
.photo-container .objective-status.started { background: orange;
}
.photo-container:hover .objective-status { width: 115px;
}
.context-menu { position: relative;
}
.context-menu .context-menu-dropdown { opacity: 0; visibility: hidden; display: block;
}
.context-menu.open .context-menu-dropdown { opacity: 1; visibility: visible;
}
.context-menu.bottom .context-menu-dropdown { transform: translateY(5px);
}
.context-menu.bottom.open .context-menu-dropdown { transform: translateY(0);
}
.context-menu.right .context-menu-dropdown { transform: translate(5px, -50%);
}
.context-menu.right.open .context-menu-dropdown { transform: translate(0, -50%);
}
.context-menu.top .context-menu-dropdown { transform: translateY(-5px);
}
.context-menu.top.open .context-menu-dropdown { transform: translateY(0);
}
.context-menu.left .context-menu-dropdown { transform: translate(-5px, -50%);
}
.context-menu.left.open .context-menu-dropdown { transform: translate(0, -50%);
}
.context-menu-toggle { color: #999999; padding: 0 5px; transition: color .2s; display: inline-block;
}
.context-menu-toggle:hover { color: black;
}
.context-menu-dropdown { position: absolute; min-width: 130px; right: -10px; left: auto; border: 1px solid #cccccc; border-radius: 3px; font-size: 12px; padding: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); background: white; transition: all 0.3s ease; z-index: 1000;
}
.context-menu-dropdown li { list-style: none; border-bottom: 1px #ebebeb solid;
}
.context-menu-dropdown li:last-child { border-bottom: none;
}
.context-menu-dropdown > li > a { color: #0099ff; padding: 7px 10px; display: block; transition: all .2s;
}
.context-menu-dropdown > li > a:hover { background: #007acc; color: white;
}
.context-menu.bottom .context-menu-dropdown:after,
.context-menu.bottom .context-menu-dropdown:before { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.context-menu.bottom .context-menu-dropdown:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: white; border-width: 5px; margin-left: -5px; right: 11px;
}
.context-menu.bottom .context-menu-dropdown:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #cccccc; border-width: 6px; margin-left: -6px;
}
.context-menu.right .context-menu-dropdown { right: auto; left: 100%; top: 5px; margin-left: 2px;
}
.context-menu.right .context-menu-dropdown:after,
.context-menu.right .context-menu-dropdown:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.context-menu.right .context-menu-dropdown:after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 5px; margin-top: -5px;
}
.context-menu.right .context-menu-dropdown:before { border-color: rgba(255, 255, 255, 0); border-right-color: #cccccc; border-width: 6px; margin-top: -6px;
}
.context-menu.top .context-menu-dropdown { bottom: 100%; top: auto;
}
.context-menu.top .context-menu-dropdown:after,
.context-menu.top .context-menu-dropdown:before { top: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.context-menu.top .context-menu-dropdown:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 5px; margin-left: -5px; right: 11px;
}
.context-menu.top .context-menu-dropdown:before { border-color: rgba(255, 255, 255, 0); border-top-color: #cccccc; border-width: 6px; margin-left: -6px;
}
.context-menu.left .context-menu-dropdown { left: auto; right: 100%; top: 5px; margin-right: 2px;
}
.context-menu.left .context-menu-dropdown:after,
.context-menu.left .context-menu-dropdown:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.context-menu.left .context-menu-dropdown:after { border-color: rgba(255, 255, 255, 0); border-left-color: white; border-width: 5px; margin-top: -5px;
}
.context-menu.left .context-menu-dropdown:before { border-color: rgba(255, 255, 255, 0); border-left-color: #cccccc; border-width: 6px; margin-top: -6px;
}
A Pen by Chris Hanson - Script Codes JS Codes
(function () { 'use strict'; angular.module('app', ['ngAnimate', 'ui.bootstrap', 'tableSort']) .controller('appCtrl', function (accounts) { this.accounts = accounts; }) .animation('.slide-toggle', function () { return { beforeAddClass: function (el, cssClass, cb) { if (cssClass === 'ng-hide') el.slideUp(cb); }, removeClass: function (el, cssClass, cb) { if (cssClass === 'ng-hide') { el.hide().slideDown(function () { el.css('overflow', 'initial'); cb(); }); } } }; }) .directive('popoutAccordion', [ function () { return { restrict: 'E', scope: { autoClose: '=', }, controller: ['$rootScope', '$scope', function ($rootScope, $scope) { this.collapsePanels = function () { if ($scope.autoClose === false) return; $rootScope.$broadcast('popup-accordion:hide'); }; }], transclude: true, template: '<div class="popout-accordion" ng-transclude></div>' }; } ]) .directive('popoutAccordionGroup', [ function () { return { restrict: 'E', scope: { groupDisabled: '=', groupOpen: '=' }, controller: ['$scope', function ($scope) { var vm = this; $scope.$on('popup-accordion:hide', function () { if ($scope.groupOpen) return; vm.isOpen = false; }); vm.checkOpen = function () { if (typeof $scope.groupOpen === "undefined") return vm.isOpen; return $scope.groupOpen; }; vm.isDisabled = function () { return $scope.groupDisabled; }; }], controllerAs: 'accordGroup', transclude: true, template: '<div ng-transclude class="accordion-group" ng-class="{ open: accordGroup.checkOpen(), disabled: groupDisabled }"></div>' }; } ]) .directive('popoutAccordionPanel', [ function () { return { restrict: 'E', scope: true, transclude: true, require: '^popoutAccordionGroup', link: function (scope, el, attrs, groupCtrl) { scope.$watch( function () { return groupCtrl.checkOpen(); }, function (newVal) { scope.isOpen = newVal; } ); }, template: '<div class="accordion-panel slide-toggle" ng-show="isOpen" ng-transclude></div>' }; } ]) .directive('popoutAccordionTitle', [ function () { return { restrict: 'E', scope: true, transclude: true, template: '<div class="accordion-title" ng-transclude></div>' }; } ]) .directive('popoutAccordionToggle', [ function () { return { restrict: 'E', scope: { onToggle: '&' }, transclude: true, require: ['^popoutAccordionGroup', '^popoutAccordion'], link: function (scope, els, attr, ctrls) { var accordGroup = ctrls[0], accord = ctrls[1]; scope.togglePanel = function () { if (accordGroup.isDisabled()) return; if (accordGroup.isOpen) { accordGroup.isOpen = false; } else { accord.collapsePanels(); accordGroup.isOpen = true; } if (scope.onToggle) scope.onToggle(accordGroup.isOpen); }; }, template: '<a href ng-click="togglePanel()" ng-transclude></a>' }; } ]) .directive('contextMenu', [ function () { return { restrict: 'E', transclude: true, scope: true, link: function (scope, el, attrs) { // Wrap any unwrapped links el.find('.context-menu-dropdown > a').wrap('<li>'); scope.icon = attrs.icon || 'ellipsis-v'; scope.position = attrs.position || 'bottom'; scope.title = attrs.title; }, template: [ '<span class="context-menu" dropdown ng-class="position">', ' <a href class="context-menu-toggle" ng-title="title" dropdown-toggle>', ' <i class="fa" ng-class="\'fa-\' + icon"></i>', ' </a>', ' <ul class="context-menu-dropdown dropdown-menu" ng-transclude>', ' </ul>', '</span>' ].join('\n') }; } ]) .factory('accounts', function () { return [ {"status": "completed", "thumbnailUrl": "http://api.adorable.io/avatars/65/1", "accountId":1423,"fullName":"Michelle Walker","userName":"mwalker0","objectives":[{"title":"massa tempor convallis nulla","started":"2015-05-03T09:10:44Z","completed":"2014-10-06T14:52:15Z","score":25,"status":"Failed"},{"title":"dui vel sem sed","started":"2015-05-19T21:15:22Z","completed":"2014-08-15T13:49:56Z","score":39,"status":"Failed"},{"title":"eget tincidunt eget tempus","started":"2015-05-13T01:29:40Z","completed":"2015-06-17T10:52:14Z","score":99,"status":"Passed"},{"title":"id nulla ultrices aliquet","started":"2015-05-09T18:01:23Z","completed":"2015-03-14T22:21:39Z","score":5,"status":"Failed"}]}, {"status": "started", "thumbnailUrl": "http://api.adorable.io/avatars/65/2", "accountId":3452,"fullName":"Carlos Hall","userName":"chall1","objectives":[{"title":"consequat morbi a ipsum integer a","started":"2015-05-07T17:38:43Z","completed":"2014-07-14T23:24:12Z","score":44,"status":"Failed"},{"title":"mi in porttitor pede justo eu","started":"2015-05-16T14:05:44Z","completed":"2014-11-22T00:06:51Z","score":64,"status":"Failed"},{"title":"praesent blandit nam nulla","started":"2015-05-14T13:31:03Z","completed":"2015-07-30T08:21:38Z","score":37,"status":"Failed"}]}, {"status": "", "thumbnailUrl": "http://api.adorable.io/avatars/65/3", "accountId":4853,"fullName":"Bonnie Griffin","userName":"bgriffin2","objectives":[{"title":"in tempor turpis nec euismod","started":"2015-05-11T13:46:55Z","completed":"2014-06-27T13:22:24Z","score":98,"status":"Passed"},{"title":"in hac habitasse","started":"2015-05-04T11:56:45Z","completed":"2015-04-25T10:21:06Z","score":19,"status":"Failed"},{"title":"morbi ut odio","started":"2015-05-10T08:06:11Z","completed":"2015-02-02T05:00:15Z","score":12,"status":"Passed"},{"title":"mollis molestie lorem quisque ut erat","started":"2015-06-05T23:13:26Z","completed":"2014-10-23T02:01:22Z","score":56,"status":"Passed"},{"title":"donec odio justo sollicitudin ut suscipit","started":"2015-05-11T05:45:13Z","completed":"2015-07-20T12:37:36Z","score":91,"status":"Passed"}]}, {"status": "", "thumbnailUrl": "http://api.adorable.io/avatars/65/4", "accountId":4672,"fullName":"Walter Lawson","userName":"wlawson3","objectives":[{"title":"integer tincidunt ante vel ipsum praesent","started":"2015-05-07T06:14:35Z","completed":"2014-09-30T19:24:23Z","score":40,"status":"Passed"},{"title":"mauris non ligula pellentesque","started":"2015-06-02T10:42:48Z","completed":"2014-10-15T17:10:41Z","score":65,"status":"Passed"},{"title":"sapien quis libero nullam sit","started":"2015-05-07T14:34:20Z","completed":"2015-05-03T19:27:12Z","score":51,"status":"Passed"},{"title":"volutpat convallis morbi odio odio","started":"2015-06-18T15:12:10Z","completed":"2015-05-24T01:53:05Z","score":6,"status":"Failed"}]}, {"status": "completed", "thumbnailUrl": "http://api.adorable.io/avatars/65/5", "accountId":5991,"fullName":"Robin Fuller","userName":"rfuller4","objectives":[{"title":"magna bibendum imperdiet nullam","started":"2015-05-30T01:33:05Z","completed":"2014-11-21T16:52:48Z","score":77,"status":"Passed"},{"title":"iaculis justo in hac habitasse pla","started":"2015-05-03T04:27:15Z","completed":"2015-05-18T02:14:40Z","score":46,"status":"Passed"},{"title":"ligula sit amet eleifend pede libero quis","started":"2015-06-06T20:40:10Z","completed":"2015-03-29T19:00:44Z","score":59,"status":"Failed"},{"title":"erat tortor sollicitudin mi sit amet","started":"2015-05-19T16:10:47Z","completed":"2014-07-05T00:07:23Z","score":35,"status":"Passed"},{"title":"libero ut massa volutpat convallis morbi","started":"2015-06-19T23:25:20Z","completed":"2014-08-10T18:54:16Z","score":94,"status":"Failed"}]} ]; }) ;
})();
| Developer | Chris Hanson |
| Username | chrishanson |
| Uploaded | October 01, 2022 |
| Rating | 3 |
| Size | 9,469 Kb |
| Views | 14,168 |
Do you need developer help for A Pen by Chris Hanson?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Chris Hanson (chrishanson) Script Codes
| Name | Size |
| Hello World | 3,501 Kb |
| Search bar | 5,899 Kb |
| Alternating rotating shaps | 4,980 Kb |
| Css spinner | 2,953 Kb |
| Fireworks | 3,514 Kb |
| Custom branding | 9,737 Kb |
| UI Select Multiselect | 3,372 Kb |
| Ui-select with tree navigation | 5,321 Kb |
| Photo crop prototype | 19,337 Kb |
| Nested rotating shapes | 2,646 Kb |
Create amazing love letters with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| CSS only simple parallax scroll | Stanssongs | 3,708 Kb |
| Algorithm practice | Abensur | 5,620 Kb |
| Header Line Issue | Charlie-volpe | 1,768 Kb |
| Dice | Fraina | 5,026 Kb |
| Vertical Pan Hammer.js example | Jtangelder | 2,144 Kb |
| Resume | Rottingroom | 5,483 Kb |
| Animated Logo | Shakdaniel | 2,672 Kb |
| Highbrow Basic HTML Lesson 7 | Kimlarocca | 1,662 Kb |
| IPhone5S SVG Space Grey | Onlinechris | 75,035 Kb |
| Portfolio Page | HuffmanJ25 | 5,240 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!