-
Notifications
You must be signed in to change notification settings - Fork 0
/
contract.html
121 lines (112 loc) · 11.5 KB
/
contract.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,400;0,600;1,100;1,400;1,600&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"><link rel="stylesheet" href="css/styles.css"><meta name="theme-color" content="#6c4dee"><script src="https://www.google.com/recaptcha/api.js" async defer></script><script>function onSubmit(token) {
document.getElementById("contact-form").submit();
}</script><style>.grecaptcha-badge { top: 15px; }
</style><title>Web and Software Services</title><meta name="description" content="Need a professional website or application? SEO, accessibility compliance, or hosting? Let's solve your problems together! "><meta name="keywords" content="Accessibility, WCAG, Credit Union, Website design, web application, contract, freelance"><meta name="author" content="Nick Adams"><meta property="og:title" content="Web and Software Services"><meta property="og:url" content="https://nickjadams.com"><meta property="og:type" content="website"><meta property="og:description" content="Need a professional website or application? SEO, accessibility compliance, or hosting? Let's solve your problems together! "><meta property="og:image" content="https://nickjadams.com/images/logo.png"><script async src="https://www.googletagmanager.com/gtag/js?id=UA-92475508-2"></script><!-- Global site tag (gtag.js) - Google Analytics --><script>console.log("hello google")
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-92475508-2');</script></head><body class="public-index"><ul class="skip-nav"><li> <a href="#content">Skip to Main Content</a></li></ul><div id="nav-wrapper"><header class="container"><nav class="navbar navbar-expand-lg sticky-top navbar-dark"><a class="navbar-brand" href="/"><img class="logo" src="/images/logo.png" alt="Nick Adams Logo"></a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarSupportedContent"><ul class="navbar-nav ms-auto"><li class="nav-item"><a class="nav-link active" href="/">Home<span class="visually-hidden"> (current)</span></a></li><li class="nav-item"><a class="nav-link" href="/contract.html">Contract</a></li><li class="nav-item"><a class="nav-link" href="/resume.html">Resume</a></li><li class="nav-item"><a class="nav-link" href="https://arcane.test/getting-started">Github</a></li></ul></div></nav></header><div class="border-bar bg-gradient2"></div></div><div class="main-wrapper"><main id="content"><p>As a full stack web developer, I can handle the design, front-end, back-end, maintenance, hosting, and deployment of web projects.</p><h1>Web Services</h1><p><ul style="padding: 20px 20px 20px 40px; background: #6c4dee; color: #fff; border-radius: 20px;"><li>A Professional Website or Web Application</li><li>SEO (Search Engine Optimization)</li><li>Web Accessibility (<a href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="_blank">WCAG</a>, ADA, Section 508)</li><li>Hosting </li><li>Advice on any of the above</li></ul></p><h2>Design</h2><p>I've won awards in Graphic Design and Web Development. I consistantly created top-selling web design templates during my time at HomeCU.</p><p>I've built fantastic websites when provided an amazing design and graphics. One of my favorite designs I've ever worked on came from <a href="https://www.curiousmedia.com/" target="_blank">Curious Media</a></a>.</p><div id="accordion"><div class="card"><div class="card-header" id="headingOne"><h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> The Results of Being Handed A Fantastic Design</button></h3></div><div class="collapse" id="collapseOne" aria-labelledby="headingOne" data-parent="#accordion"><div class="card-body row"><div class="col-12 col-sm-6"><p>When HomeCU was sold and the software developers were laid off, I found myself interviewing at Curious Media. The interview process was lengthy, but all seemed to be going great. </p><p>They asked me to prove myself by creating a complex landing page for a previous design they had built. That was quite a big test for an interview, but they offered to pay me for it.</p><p>I accepted since it was an old design, and they sent me the assets.</p><p>It was the promotional website for The 2017 Captain Underpants movie by DreamWorks! </p><p>I worked on it when I wasn't interviewing at other places. A few days later I had it nearly complete, but was offered and accepted another job. </p><p>I had a blast and added some animation for fun.</p><p>Here are the results!</p></div><div class="col-12 col-sm-6"><picture><source srcset="/images/captain-underpants.webp" type="image/webp"><source srcset="/images/captain-underpants.gif" type="image/gif"><img src="/images/captain-underpants.gif" alt="Captain Underpants Mobile Website Design implementation"></picture></div></div></div></div></div><!-- dropdown and talk about curious media and the dreamworks captain underpants test--><h2>Accessibility</h2><p>I've helped hundreds of Credit Unions overhaul the accessibility of their websites during a flood of ADA lawsuits in 2017 and 2018. <a href="https://www.cutimes.com/2020/08/24/why-ada-compliance-is-important-at-your-credit-union/?slreturn=20220409002952" target="_blank">Read about why ADA compliance is important for Credit Unions and the rest of the internet</a>.</p><h2>Programming</h2><p>Created and hosted customized solutions for Custom Content Management Systems.</p><p>Repaired and improved the current Search Engine Crawler system that powers the <a href="https://idaho.gov/search" target="_blank">Idaho.gov Search Engine</a>, and continue to improve the search engine UI and Analytics reports.</p><!-- dropdown that talks about the progressive crawl cycle schedule and internal tools--><p>Worked on new features and improvements to multiple Idaho State applications including <a href="https://www.accessidaho.org/account/" target="_blank">Access Idaho's My Account</a> web application, the <a href="https://www.accessidaho.org/itd/aero/" target="_blank">Idaho Transportation Department Aeronautics</a> web application, the <a href="https://www.accessidaho.org/itd/driver/" target="_blank">Idaho Transportation Department DMV</a> web application.</p><p>Currently working on multiple personal Laravel projects.</p><p>If you have any questions, then shoot me an email!</p><form id="contact-form"><div class="form-group"><label>Name:</label><input type="text" id="name-input" placeholder="Name..." class="form-control" /></div><div class="form-group"><label>Phone:</label><input type="phone" id="phone-input" placeholder="Phone..." class="form-control" /></div><div class="form-group"><label>Email:</label><input type="email" id="email-input" placeholder="Email..." class="form-control" /></div><div class="form-group"><label>Message:</label><textarea id="description-input" rows="3" placeholder="Message…" class="form-control" ></textarea></div><div class="form-group"> <label>Do me favor. How many apples do you see? </label><span id="apples" style="margin-left: 5px;"></span>
<input type="text" id="countingSkills" class="form-control" /><input type="hidden" id="countingSkillsInput" value="No Count"></div><button onClick="submitToAPI(event)" class="btn btn-primary">Submit</button></form></main></div><div class="container"><footer><p>Developed by Nick Adams. </p><p>Need a portfolio? <a href="https://github.com/nickolasjadams/portfolio2020" target="_blank" rel="noopener">Fork from Github</a>!</p><p>Hosted with <i class="fab fa-aws"><span class="sr-only">Amazon Web Services</span></i></p></footer></div><script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://unpkg.com/tilt.js@1.2.1/dest/tilt.jquery.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script><script src="https://cdn.jsdelivr.net/npm/pdfobject@2.2.4/pdfobject.min.js"></script><script src="js/scripts.js" defer></script><script>AOS.init();
$('[data-tilt]').tilt({
scale: 1.07,
speed: 200,
perspective: 1000
})
var navToggler = $("#nav-wrapper .navbar-toggler");
navToggler.on("click", function() {
if (navToggler.hasClass("collapsed")) {
$("#nav-wrapper").removeClass("open");
} else {
$("#nav-wrapper").addClass("open");
}
})
window.onscroll = function() {
let pos = $(window).scrollTop();
if (pos > 100) {
$("#nav-wrapper").addClass("disappear");
} else {
$("#nav-wrapper").removeClass("disappear");
}
}
</script><div class="g-recaptcha" data-sitekey="6LcIzP4aAAAAAL6RHkZECMi6E68VD0AHKQuh3RXa" data-callback="onSubmit" data-size="invisible"></div><script>function apples() {
let total1 = Math.floor(Math.random() * 5) + 1;
let total2 = Math.floor(Math.random() * 5) + 1;
let red = "🍎";
let green = "🍏";
let str = "";
for (let i = 0; i < total1 + total2; i++) {
if (i < total1) {
str += red + " "
} else {
str += green + " "
}
}
document.querySelector("#apples").innerHTML = str;
var appleAnswer = document.querySelector("#countingSkills");
appleAnswer.addEventListener("keyup", function() {
if (appleAnswer.value == (total1 + total2)) {
document.querySelector("#countingSkillsInput").value = "Good Count";
} else {
document.querySelector("#countingSkillsInput").value = "Bad Count";
}
})
}
apples();
function submitToAPI(e) {
e.preventDefault();
var URL = "https://tqg9fq00ef.execute-api.us-west-2.amazonaws.com/002/contract-mail";
var Namere = /[A-Za-z]{1}[A-Za-z]/;
if (!Namere.test($("#name-input").val())) {
alert ("Name can not less than 2 char");
return;
}
var mobilere = /[0-9]{10}/;
if (!mobilere.test($("#phone-input").val())) {
alert ("Please enter valid mobile number");
return;
}
if ($("#email-input").val()=="") {
alert ("Please enter your email id");
return;
}
var reeamil = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,6})?$/;
if (!reeamil.test($("#email-input").val())) {
alert ("Please enter valid email address");
return;
}
var name = $("#name-input").val();
var phone = $("#phone-input").val();
var email = $("#email-input").val();
var desc = $("#description-input").val();
var data = {
name : name,
phone : phone,
email : email,
desc : desc,
countingSkills : document.querySelector("#countingSkillsInput").value
};
$.ajax({
type: "POST",
url : URL,
dataType: "json",
crossDomain: "true",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(data),
success: function () {
// clear form and show a success message
alert("Message Sent");
document.getElementById("contact-form").reset();
location.reload();
},
error: function () {
// show an error message
alert("Unsuccessful");
}
});
}</script></body></html>