From this design, create a website using a static site generator like Gatsby or Next. Apply the appropriate CSS style to respect the design. Supporting responsive is optional.
Once done, upload your project on GitHub or GitLab. Then email back the git repository URL or zip the project to the person who sent the task.
I hereby claim:
To claim this, I am signing this object:
| app.filter('unsafe', function($sce) { | |
| return $sce.trustAsHtml; | |
| }); |
| var focus = function(input) { | |
| if (typeof input.selectionStart === "number") { | |
| input.selectionStart = input.selectionEnd = input.value.length; | |
| } else if (typeof input.createTextRange !== "undefined") { | |
| input.focus(); | |
| var range = input.createTextRange(); | |
| range.collapse(false); | |
| range.select(); | |
| } | |
| }; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <div class="steps"> | |
| <a href="" class="step step1">1</a> | |
| <div class="line line1"></div> | |
| <a href="" class="step step2">2</a> | |
| <div class="line line2"></div> |
| var isMobile = function() { | |
| return !!navigator.userAgent.match(/Android|BlackBerry|BB10; Touch|iPhone|iPad|iPod|Opera Mini|IEMobile/i); | |
| }; | |
| Array.prototype.clone = function () { | |
| return Array.prototype.slice.call(this, 0); | |
| }; | |
| Array.prototype.clear = function() { | |
| this.length = 0; |
| var app = angular.module('dragDrop', []); | |
| app.directive('draggable', function() { | |
| return function(scope, element) { | |
| // this gives us the native JS object | |
| var el = element[0]; | |
| el.draggable = true; | |
| el.addEventListener( |
| /** | |
| * A generic confirmation for risky actions. | |
| * Usage: Add attributes: ng-really-message="Really?" ng-really-click="takeAction()" function | |
| */ | |
| angular.module('app').directive('ngReallyClick', [function() { | |
| return { | |
| restrict: 'A', | |
| link: function(scope, element, attrs) { | |
| element.bind('click', function() { | |
| var message = attrs.ngReallyMessage; |
| var resolver = { | |
| crew: function ($q, $route, $timeout, starTrekResource) { | |
| //... | |
| } | |
| } | |
| resolver.crew.$inject = ['$q','$route, '$timeout',' 'starTrekResource']; | |
| $routeProvider.when("/:starship", { | |
| templateUrl:"partials/starship.html", |
