-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
86 lines (79 loc) · 4.57 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:site_name" content="Dimensions.Chapman">
<meta property="og:url" content="https://dimensions.chapman.edu/">
<meta property="og:description" content="Crop your images so that they look great on Chapman's websites.">
<title>Dimensions</title>
<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
<link rel="stylesheet" type="text/css" href="style/croppie.css">
<link rel="stylesheet" type="text/css" href="style/sweetalert.css">
<link rel="stylesheet" type="text/css" href="style/skeleton.min.css">
<link rel="stylesheet" type="text/css" href="style/dimensions.css">
<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/croppie.js"></script>
<script src="js/sweetalert.min.js"></script>
<script src="js/dimensions.js"></script>
<script type="text/javascript" src="//use.typekit.net/nqy1aog.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body>
<nav id="main-nav">
<svg width="31px" class="brand" height="31px" viewBox="0 0 31 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.4.1 (15681) - http://www.bohemiancoding.com/sketch -->
<title>chapman_logo_horizonal_stacked</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Slides" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Signs--::--Index" sketch:type="MSArtboardGroup" transform="translate(-12.000000, -12.000000)" fill="#98002E">
<g id="chapman_logo_horizonal_stacked" sketch:type="MSLayerGroup" transform="translate(12.000000, 12.000000)">
<g id="Layer_1" sketch:type="MSShapeGroup">
<g id="Group">
<g id="Shape">
<path d="M14.1311089,15.77652 L0,29.9030822 L0,15.77652 L14.1311089,15.77652 Z"></path>
<path d="M0,14.87008 L0,0.740004444 L14.1311089,14.87008 L0,14.87008 Z"></path>
<path d="M29.8047089,0.101817778 L15.6746333,14.2298956 L15.6746333,0.101817778 L29.8047089,0.101817778 Z"></path>
<path d="M14.77026,14.2298956 L0.640184444,0.101817778 L14.77026,0.101817778 L14.77026,14.2298956 Z"></path>
<path d="M16.3148178,14.87008 L30.4443422,0.740004444 L30.4443422,14.87008 L16.3148178,14.87008 Z"></path>
<path d="M30.4443422,15.77652 L30.4443422,29.9030822 L16.3148178,15.77652 L30.4443422,15.77652 Z"></path>
<path d="M14.77026,16.4137422 L0.640184444,30.5422333 L14.77026,30.5422333 L14.77026,16.4137422 Z"></path>
<path d="M15.6746333,16.4137422 L15.6746333,30.5422333 L29.8026422,30.5422333 L15.6746333,16.4137422 Z"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<p>Dimensions</p>
</nav>
<div class="container upload-croppie">
<h1 class="title">Chapman Image Resizing</h1>
<div class="row actions">
<p class="description">Crop your images so that they look great on Chapman's websites. <a id="instructions" href="#">Read instructions</a></p>
<div class="file-btn-wrapper">
<input class="file-btn" value="Choose a file" name="file" type="file" id="dimension_image_upload">
<label for="dimension_image_upload">Upload Image</label>
</div>
</div>
<div class="row">
<div id="upload-croppie"></div>
<div class="upload-msg"></div>
</div>
<div class="row actions">
<a class="download-crop" download="cropped-image.jpeg"></a>
<div class="resize-select-wrapper">
<select name="resize-select" id="resize-select" class="u-full-width">
<option selected> -- Select a Preset Option -- </option>
</select>
</div>
<input id="user-width" type="number" min="0" placeholder="Custom Width" name="width">
<input id="user-height" type="number" min="0" placeholder="Custom Height" name="height">
</div>
<div class="result-btn-wrapper">
<button class="preview-result">Crop Image</button>
</div>
</div>
</body>
</html>