amilookup.com/index.html at develop · AMILookup/amilookup.com · GitHub

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
122
123
124
125
126
127
128
129
<!doctype html>
<html class="no-js" lang="en">
<head>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-60119459-3"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-60119459-3');
  </script>

  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>AMI Lookup</title>
  <meta name="description" content="Search for currently available AWS AMI's">

  <link rel="shortcut icon" href="favicon.ico" />

  <link rel="stylesheet" href="css/main.css">
</head>
<body>
  <!--[if lte IE 9]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  <![endif]-->

  <header id="header">
    <div class="upper">
      <nav>
        <h1><a href="/" class="title">AMI Lookup</a></h1>
        <div class="menu">
          <!-- <a href="#0">About</a> -->
          <a href="https://github.com/AMILookup" id="github"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360.18 97.41"><defs></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M69.37,41.69H39.11a1.41,1.41,0,0,0-1.42,1.42V57.9a1.42,1.42,0,0,0,1.42,1.42h11.8V77.71s-2.65.9-10,.9c-8.65,0-20.73-3.16-20.73-29.72S32.78,18.82,44.59,18.82c10.23,0,14.63,1.8,17.43,2.67a1.43,1.43,0,0,0,1.7-1.39L67.09,5.8a1.31,1.31,0,0,0-.54-1.1C65.41,3.88,58.47,0,40.93,0,20.73,0,0,8.6,0,49.92S23.73,97.41,43.73,97.41c16.55,0,26.6-7.08,26.6-7.08a1.23,1.23,0,0,0,.46-1.07V43.11A1.42,1.42,0,0,0,69.37,41.69Z"/><path class="cls-1" d="M225.36,5A1.41,1.41,0,0,0,224,3.53h-17A1.41,1.41,0,0,0,205.5,5V37.89H178.94V5a1.41,1.41,0,0,0-1.41-1.42h-17A1.41,1.41,0,0,0,159.08,5V94.13a1.42,1.42,0,0,0,1.41,1.43h17a1.42,1.42,0,0,0,1.41-1.43V56H205.5l0,38.15a1.42,1.42,0,0,0,1.41,1.43H224a1.43,1.43,0,0,0,1.41-1.43Z"/><path class="cls-1" d="M101.53,16.65a11,11,0,1,0-11,11.11A11,11,0,0,0,101.53,16.65Z"/><path class="cls-1" d="M100.31,75.32V34.15a1.42,1.42,0,0,0-1.41-1.42h-17a1.63,1.63,0,0,0-1.47,1.59v59c0,1.74,1.08,2.25,2.48,2.25h15.3c1.68,0,2.09-.82,2.09-2.27Z"/><path class="cls-1" d="M290.12,32.87H273.21a1.41,1.41,0,0,0-1.4,1.42V78a19.14,19.14,0,0,1-10.4,3.14c-6.1,0-7.72-2.76-7.72-8.74V34.29a1.41,1.41,0,0,0-1.4-1.42H235.12a1.41,1.41,0,0,0-1.4,1.42v41c0,17.74,9.88,22.08,23.48,22.08,11.15,0,20.15-6.17,20.15-6.17a34.29,34.29,0,0,0,.62,3.64,1.49,1.49,0,0,0,1.24.77l10.92,0a1.42,1.42,0,0,0,1.41-1.42V34.29A1.43,1.43,0,0,0,290.12,32.87Z"/><path class="cls-1" d="M336.35,30.86a31.76,31.76,0,0,0-16.14,4.29V5a1.41,1.41,0,0,0-1.41-1.42H301.71A1.41,1.41,0,0,0,300.3,5V94.13a1.42,1.42,0,0,0,1.41,1.43h11.86a1.43,1.43,0,0,0,1.24-.76,28.4,28.4,0,0,0,.72-4.11s7,6.62,20.22,6.62c15.53,0,24.43-7.88,24.43-35.37S346,30.86,336.35,30.86Zm-6.67,50.25a20.31,20.31,0,0,1-9.85-2.84V50a22.54,22.54,0,0,1,8.74-2.84c6.09-.54,12,1.3,12,15.82C340.53,78.33,337.88,81.36,329.68,81.11Z"/><path class="cls-1" d="M149.29,32.72H136.51l0-16.88c0-.64-.33-1-1.07-1H118c-.68,0-1,.3-1,.95V33.28s-8.73,2.11-9.32,2.28a1.41,1.41,0,0,0-1,1.36v11A1.42,1.42,0,0,0,108,49.31H117V75.69c0,19.6,13.75,21.52,23,21.52a38.91,38.91,0,0,0,10.15-1.67,1.32,1.32,0,0,0,.8-1.28V82.2a1.43,1.43,0,0,0-1.41-1.42c-.75,0-2.65.3-4.61.3-6.28,0-8.41-2.92-8.41-6.7V49.31h12.78a1.42,1.42,0,0,0,1.41-1.43V34.15A1.42,1.42,0,0,0,149.29,32.72Z"/></g></g></svg></a>
          <!-- <a href="#0" id="patreon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 292 104"><defs></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M284.37,104V0H292V104ZM241.88,34.67h7.58v33h-8l-11.87-21.2v21.2H222v-33h8l11.92,21.48Zm-50-.85c10.93,0,17.43,8.29,17.43,17.33s-6.5,17.34-17.43,17.34-17.47-8.29-17.47-17.34S180.93,33.82,191.9,33.82Zm9.66,17.33c0-5.41-3.68-10.45-9.66-10.45s-9.65,5-9.65,10.45,3.62,10.46,9.65,10.46S201.56,56.57,201.56,51.15ZM68.68,41.26V34.67H91.24v6.59H83.75V67.64H76.12V41.26Zm80.88,7H162v6H149.56v7.26H162v6.12H141.92v-33H162v6.12H149.56ZM117,34.67a11.66,11.66,0,0,1,12,11.92,11.55,11.55,0,0,1-6.55,10.64L129,67.64h-8.86l-5.84-9.14h-3.58v9.14h-7.63v-33Zm4.29,11.92c0-3.07-2.08-5.7-5.28-5.7h-5.23V52.28H116C119.17,52.28,121.25,49.65,121.25,46.59Zm-67.5,17H42l-1.27,4H32.6l11.77-33h7l11.92,33H55ZM47.9,44.09l-4,13.57h8ZM13.8,34.67a11.66,11.66,0,0,1,12,11.92,11.66,11.66,0,0,1-12,11.91H7.63v9.14H0v-33Zm4.34,11.92c0-3.07-2.08-5.7-5.28-5.7H7.63V52.28h5.23C16.06,52.28,18.14,49.65,18.14,46.59Z"/></g></g></svg></a> -->
        </div>
      </nav>
    </div>
    <form id="search-form">
      <input type="text" name="search" id="search" class="search" form="search-form" type="search" autofocus mozactionhint="Search" placeholder="Enter name or id">
      <button type="submit" name="searchbutton" id="searchbutton" form="search-form"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/></svg></button>
      <div id="region-select">
        <h2 id="region-error" class="hidden">Please select a region</h2>
        <h3>US</h3>
        <input type="radio" id="us-east-1" name="region-select" value="us-east-1">
        <label for="us-east-1">US East N. Virginia (us-east-1)</label>
        <input type="radio" id="us-east-2" name="region-select" value="us-east-2">
        <label for="us-east-2">US East Ohio (us-east-2)</label>
        <input type="radio" id="us-west-1" name="region-select" value="us-west-1">
        <label for="us-west-1">US West N. California (us-west-1)</label>
        <input type="radio" id="us-west-2" name="region-select" value="us-west-2">
        <label for="us-west-2">US West Oregon (us-west-2)</label>

        <h3>Asia Pacific</h3>
        <input type="radio" id="ap-east-1" name="region-select" value="ap-east-1">
        <label for="ap-east-1">Asia Pacific Hong Kong (ap-east-1)</label>
        <input type="radio" id="ap-northeast-1" name="region-select" value="ap-northeast-1">
        <label for="ap-northeast-1">Asia Pacific Tokyo (ap-northeast-1)</label>
        <input type="radio" id="ap-northeast-2" name="region-select" value="ap-northeast-2">
        <label for="ap-northeast-2">Asia Pacific Seoul (ap-northeast-2)</label>
        <input type="radio" id="ap-northeast-3" name="region-select" value="ap-northeast-3">
        <label for="ap-northeast-3">Asia Pacific Osaka-Local (ap-northeast-3)</label>
        <input type="radio" id="ap-southeast-1" name="region-select" value="ap-southeast-1">
        <label for="ap-southeast-1">Asia Pacific Singapore (ap-southeast-1)</label>
        <input type="radio" id="ap-southeast-2" name="region-select" value="ap-southeast-2">
        <label for="ap-southeast-2">Asia Pacific Sydney (ap-southeast-2)</label>
        <input type="radio" id="ap-south-1" name="region-select" value="ap-south-1">
        <label for="ap-south-1">Asia Pacific Mumbai (ap-south-1)</label>

        <h3>Canada</h3>
        <input type="radio" id="ca-central-1" name="region-select" value="ca-central-1">
        <label for="ca-central-1">Canada Central (ca-central-1)</label>

        <h3>China</h3>
        <input type="radio" id="cn-north-1" name="region-select" value="cn-north-1">
        <label for="cn-north-1">China Beijing (cn-north-1)</label>
        <input type="radio" id="cn-northwest-1" name="region-select" value="cn-northwest-1">
        <label for="cn-northwest-1">China Ningxia (cn-northwest-1)</label>

        <h3>EU</h3>
        <input type="radio" id="eu-north-1" name="region-select" value="eu-north-1">
        <label for="eu-north-1">EU Stockholm(eu-north-1)</label>
        <input type="radio" id="eu-central-1" name="region-select" value="eu-central-1">
        <label for="eu-central-1">EU Frankfurt (eu-central-1)</label>
        <input type="radio" id="eu-west-1" name="region-select" value="eu-west-1">
        <label for="eu-west-1">EU Ireland(eu-west-1)</label>
        <input type="radio" id="eu-west-2" name="region-select" value="eu-west-2">
        <label for="eu-west-2">EU London(eu-west-2)</label>
        <input type="radio" id="eu-west-3" name="region-select" value="eu-west-3">
        <label for="eu-west-3">EU Paris(eu-west-3)</label>

        <h3>South America</h3>
        <input type="radio" id="sa-east-1" name="region-select" value="sa-east-1">
        <label for="sa-east-1">South America Sao Paulo (sa-east-1)</label>

        <h3>Middle East</h3>
        <input type="radio" id="me-south-1" name="region-select" value="me-south-1">
        <label for="me-south-1">Middle East Bahrain (me-south-1)</label>

        <h3>GovCloud</h3>
        <input type="radio" id="us-gov-east-1" name="region-select" value="us-gov-east-1">
        <label for="us-gov-east-1">AWS GovCloud US-East (us-gov-east-1)</label>
        <input type="radio" id="us-gov-west-1" name="region-select" value="us-gov-west-1">
        <label for="us-gov-west-1">AWS GovCloud US-West (us-gov-west-1)</label>
      </div>
    </form>
  </header>
  <section class="results">
    <div class="wrapper">
      <div id="loading" class="hidden">Loading <span>Please wait while we fetch your AMI</span></div>
      <article class="results-component hidden" id="results-component">
        <header class="results-header clearfix">
          <p>
            Results
          </p>
          <button type="submit" name="view-json" id="view-json" class="view-json hidden">View .json</button>
        </header>
        <div class="content" id="content">

        </div>
      </article>
    </div>
    <!-- Update notice, absolutely positioned -->
    <a id="update-notice" target="_blank" href="https://github.com/AMILookup/amilookup.com/releases/tag/v1.2"><strong>October 20th, 2019</strong> - New design! Click here for changelog</a>
  </section>
  <script src="js/main.js"></script>
</body>

</html>