Advertisement
Guest User

Tasks.html

a guest
Aug 19th, 2019
348
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.90 KB | None | 0 0
  1. <!doctype html>
  2. <html class="no-js" lang="en">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <title>Create Task – Kaiser Framework</title>
  8. <meta name="description" content="">
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
  10. <link rel="stylesheet" href="css/main.css">
  11. <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,700&display=swap" rel="stylesheet">
  12. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script>
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
  14. <script src="js/jquery-3.2.1.min.js"></script>
  15. <style>
  16. .grid-container {
  17. display: grid;
  18. grid-template-columns: auto auto auto;
  19. background-color: #2F4677;
  20. padding: 3px;
  21. }
  22. .grid-item {
  23. background-color: rgba(255, 255, 255, 0.8);
  24. border: 1px solid rgba(0, 0, 0, 0.8);
  25. padding: 9px;
  26. font-size: 12px;
  27. text-align: center;
  28. }
  29. </style>
  30. </head>
  31.  
  32. <body>
  33. <aside id="captcha-harvest" class="captcha-harvest offside offside--right">
  34. <!-- CLOSE ICON -->
  35. <a href="#" class="close-offside">
  36. <i class="icon-close"></i>
  37. close
  38. </a>
  39.  
  40. <!-- CAPTCHA CONTENT -->
  41. <div class="captcha-harvest__content">
  42.  
  43. <!-- FORM CONTAINER -->
  44. <div class="form-container form-container--content">
  45. <!-- HEADLINE -->
  46. <h5>
  47. Footlocker
  48. </h5>
  49. <p>Footlocker is quite different when it comes down to sizing, their US 9 is "090" instead of the usual US 9. You can find the sizecodes in the all release-guides that we make.</p>
  50. <div class="grid-container">
  51. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  52. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  53. <div class="grid-item"><font color="black"><b>US</b></font></div>
  54. <div class="grid-item">?</div>
  55. <div class="grid-item">?</div>
  56. <div class="grid-item">?</div>
  57. </div>
  58.  
  59. <h5>
  60. Solebox
  61. </h5>
  62. <div class="grid-container">
  63. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  64. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  65. <div class="grid-item"><font color="black"><b>US</b></font></div>
  66. <div class="grid-item">🤖</div>
  67. <div class="grid-item">🤖</div>
  68. <div class="grid-item"></div>
  69. </div>
  70.  
  71. <h5>
  72. Footpatrol
  73. </h5>
  74. <div class="grid-container">
  75. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  76. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  77. <div class="grid-item"><font color="black"><b>US</b></font></div>
  78. <div class="grid-item"></div>
  79. <div class="grid-item">🤖</div>
  80. <div class="grid-item"></div>
  81. </div>
  82.  
  83. <h5>
  84. Starcow
  85. </h5>
  86. <div class="grid-container">
  87. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  88. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  89. <div class="grid-item"><font color="black"><b>US</b></font></div>
  90. <div class="grid-item">🤖</div>
  91. <div class="grid-item"></div>
  92. <div class="grid-item">🤖</div>
  93. </div>
  94.  
  95. <h5>
  96. Wellgosh
  97. </h5>
  98. <div class="grid-container">
  99. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  100. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  101. <div class="grid-item"><font color="black"><b>US</b></font></div>
  102. <div class="grid-item"></div>
  103. <div class="grid-item">🤖</div>
  104. <div class="grid-item"></div>
  105. </div>
  106.  
  107. <h5>
  108. Titolo
  109. </h5>
  110. <div class="grid-container">
  111. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  112. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  113. <div class="grid-item"><font color="black"><b>US</b></font></div>
  114. <div class="grid-item">🤖</div>
  115. <div class="grid-item">🤖</div>
  116. <div class="grid-item"></div>
  117. </div>
  118.  
  119. <h5>
  120. Footdistrict
  121. </h5>
  122. <div class="grid-container">
  123. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  124. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  125. <div class="grid-item"><font color="black"><b>US</b></font></div>
  126. <div class="grid-item">🤖</div>
  127. <div class="grid-item">🤖</div>
  128. <div class="grid-item"></div>
  129. </div>
  130.  
  131. <h5>
  132. Kickz/Kickzpremium
  133. </h5>
  134. <div class="grid-container">
  135. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  136. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  137. <div class="grid-item"><font color="black"><b>US</b></font></div>
  138. <div class="grid-item"></div>
  139. <div class="grid-item">🤖</div>
  140. <div class="grid-item"></div>
  141. </div>
  142.  
  143. <h5>
  144. Allikestore
  145. </h5>
  146. <div class="grid-container">
  147. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  148. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  149. <div class="grid-item"><font color="black"><b>US</b></font></div>
  150. <div class="grid-item">🤖</div>
  151. <div class="grid-item"></div>
  152. <div class="grid-item"></div>
  153. </div>
  154.  
  155. <h5>
  156. Overkillshop
  157. </h5>
  158. <div class="grid-container">
  159. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  160. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  161. <div class="grid-item"><font color="black"><b>US</b></font></div>
  162. <div class="grid-item">?</div>
  163. <div class="grid-item">?</div>
  164. <div class="grid-item">?</div>
  165. </div>
  166.  
  167. <h5>
  168. Grosbasket
  169. </h5>
  170. <div class="grid-container">
  171. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  172. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  173. <div class="grid-item"><font color="black"><b>US</b></font></div>
  174. <div class="grid-item">🤖</div>
  175. <div class="grid-item">🤖</div>
  176. <div class="grid-item"></div>
  177. </div>
  178.  
  179. <h5>
  180. Size? (region based)
  181. </h5>
  182. <div class="grid-container">
  183. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  184. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  185. <div class="grid-item"><font color="black"><b>US</b></font></div>
  186. <div class="grid-item">🤖</div>
  187. <div class="grid-item">🤖</div>
  188. <div class="grid-item"></div>
  189. </div>
  190.  
  191. <h5>
  192. JDSports (region based)
  193. </h5>
  194. <div class="grid-container">
  195. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  196. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  197. <div class="grid-item"><font color="black"><b>US</b></font></div>
  198. <div class="grid-item">🤖</div>
  199. <div class="grid-item">🤖</div>
  200. <div class="grid-item"></div>
  201. </div>
  202.  
  203. <h5>
  204. TheHipStore
  205. </h5>
  206. <div class="grid-container">
  207. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  208. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  209. <div class="grid-item"><font color="black"><b>US</b></font></div>
  210. <div class="grid-item"></div>
  211. <div class="grid-item">🤖</div>
  212. <div class="grid-item"></div>
  213. </div>
  214.  
  215. <h5>
  216. Consortium
  217. </h5>
  218. <div class="grid-container">
  219. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  220. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  221. <div class="grid-item"><font color="black"><b>US</b></font></div>
  222. <div class="grid-item"></div>
  223. <div class="grid-item">🤖</div>
  224. <div class="grid-item"></div>
  225. </div>
  226.  
  227. <h5>
  228. BSTN
  229. </h5>
  230. <div class="grid-container">
  231. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  232. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  233. <div class="grid-item"><font color="black"><b>US</b></font></div>
  234. <div class="grid-item">🤖</div>
  235. <div class="grid-item"></div>
  236. <div class="grid-item">🤖</div>
  237. </div>
  238.  
  239. <h5>
  240. Sneak-a-venue
  241. </h5>
  242. <div class="grid-container">
  243. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  244. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  245. <div class="grid-item"><font color="black"><b>US</b></font></div>
  246. <div class="grid-item">🤖</div>
  247. <div class="grid-item"></div>
  248. <div class="grid-item">🤖</div>
  249. </div>
  250.  
  251. <h5>
  252. Voostore
  253. </h5>
  254. <div class="grid-container">
  255. <div class="grid-item"><font color="black"><b>EU</b></font></div>
  256. <div class="grid-item"><font color="black"><b>UK</b></font></div>
  257. <div class="grid-item"><font color="black"><b>US</b></font></div>
  258. <div class="grid-item"></div>
  259. <div class="grid-item"></div>
  260. <div class="grid-item">🤖</div>
  261. </div>
  262.  
  263. </div></div>
  264. </aside>
  265.  
  266. <nav class="navbar fixed-left">
  267. <!-- LOGO -->
  268. <img src="assets/img/logo.png" alt="Kaiser Framework" class="logo logo--sidebar" />
  269. <div class="navbar__wrapper">
  270. <!-- NAVIGATION -->
  271. <ul class="list list--unstyled list--links">
  272. <!-- DASHBOARD -->
  273. <li class="list__item ">
  274. <a href="frontpage" title="Dashboard" class="list__item__link">
  275. <i class="icon-dashboard"></i>
  276. <span class="list__item__title">Dashboard</span>
  277. </a>
  278. </li>
  279. <!-- SUCCESSS -->
  280. <li class="list__item ">
  281. <a href="success" title="Success" class="list__item__link">
  282. <i class="icon-success"></i>
  283. <span class="list__item__title">Success</span>
  284. </a>
  285. </li>
  286. <!-- ACCOUNTS -->
  287. <li class="list__item ">
  288. <a href="accounts" title="Accounts" class="list__item__link">
  289. <i class="icon-accounts"></i>
  290. <span class="list__item__title">Accounts</span>
  291. </a>
  292. </li>
  293. <!-- TASKS -->
  294. <li class="list__item list__item--active">
  295. <a href="tasks" title="Tasks" class="list__item__link">
  296. <i class="icon-tasks"></i>
  297. <span class="list__item__title">Tasks</span>
  298. </a>
  299. </li>
  300. <!-- PROFILES -->
  301. <li class="list__item ">
  302. <a href="profiles" title="Profiles" class="list__item__link">
  303. <i class="icon-profiles"></i>
  304. <span class="list__item__title">Profiles</span>
  305. </a>
  306. </li>
  307. <!-- SETTINGS -->
  308. <li class="list__item ">
  309. <a href="settings" title="Settings" class="list__item__link">
  310. <i class="icon-settings"></i>
  311. <span class="list__item__title">Settings</span>
  312. </a>
  313. </li>
  314. <!-- INFO -->
  315. <li class="list__item ">
  316. <a href="#" title="Info" class="list__item__link" data-custom-open="infoModal">
  317. <i class="icon-info"></i>
  318. <span class="list__item__title">Info</span>
  319. </a>
  320. </li>
  321. <!-- PX -->
  322. <li class="list__item ">
  323. <a href="px" title="PX" class="list__item__link">
  324. <img src="assets/img/px.png" alt="PX" class="list__item__image" />
  325. <span class="list__item__title">PX</span>
  326. </a>
  327. </li>
  328. <!-- Akamai -->
  329. <li class="list__item ">
  330. <a href="akamai" title="Akamai" class="list__item__link">
  331. <img src="assets/img/akamai.png" alt="Akamai" class="list__item__image" />
  332. <span class="list__item__title">Akamai</span>
  333. </a>
  334. </li>
  335. <!-- PROXY TESTER -->
  336. <li class="list__item ">
  337. <a href="proxies" title="Proxy" class="list__item__link">
  338. <i class="icon-proxy"></i>
  339. <span class="list__item__title">Proxy</span>
  340. </a>
  341. </li>
  342. </ul>
  343. <!-- SOCIAL ELEMENTS -->
  344. <div class="nav-list-info">
  345. <a href="https://kaiserframework.com/" target="_blank" title="Visit our website" class="nav-list-info__item" />
  346. <i class="icon-website"></i>
  347. </a>
  348. <a href="https://twitter.com/KaiserFramework" target="_blank" title="Follow us on Twitter" class="nav-list-info__item">
  349. <i class="icon-twitter"></i>
  350. </a>
  351. <small class="nav-list-info__copyright">
  352. <strong>Version: {{info.version}}</strong> &copy; Kaiser Framework<br />All rights reserved.
  353. </small>
  354. </div>
  355. </div>
  356. </nav>
  357. <section class="container">
  358. <div class="main-wrapper main-wrapper--small">
  359. <h1 class="h1 main-wrapper__h1">
  360. Tasks
  361. </h1>
  362. <p class="main-wrapper__copy">
  363. This is the section where you create tasks to run in on the Dashboard page. </p>
  364. <!-- FORM CONTAINER -->
  365. <!-- FORM CONTAINER -->
  366. <div class="form-container form-container--content">
  367. <h6>
  368. Create Task
  369. </h6>
  370.  
  371. <!-- SELECT PROFILE -->
  372. <div class="form-field__wrapper form-field__wrapper--select">
  373. <select class="form-field__select select" id="profile-select" name="profile-select">
  374. <option selected="true" disabled="disabled">Select Profile</option>
  375. {% for profile in profiles %}
  376. <option value="{{profile}}">{{profile}}</option>
  377. {% endfor %}
  378. </select>
  379. </div>
  380.  
  381. <!-- SKU, SIZE, AMOUNT -->
  382. <div class="row">
  383. <!-- SKU -->
  384. <div class="col-sm">
  385. <div class="form-field__wrapper form-field__wrapper--text">
  386. <input type="text" maxlength="" autocomplete="on" class="form-field__input-text input-text" id="sku" name="sku" value="" required="" placeholder="e.g. 1831731">
  387. <label class="form-field__label input-label" for="sku">
  388. SKU
  389. </label>
  390. </div>
  391. </div>
  392.  
  393. <!-- SIZE -->
  394. <div class="col-sm">
  395. <div class="form-field__wrapper form-field__wrapper--text">
  396. <input type="text" maxlength="" autocomplete="on" class="form-field__input-text input-text" id="size" name="size" value="" required="" placeholder="e.g. 8">
  397. <label class="form-field__label input-label" for="size">
  398. SIZE
  399. </label>
  400. </div>
  401. </div>
  402.  
  403. <!-- AMOUNT -->
  404. <div class="col-sm">
  405. <div class="form-field__wrapper form-field__wrapper--text">
  406. <input type="text" maxlength="" autocomplete="on" class="form-field__input-text input-text" id="amount" name="amount" value="" required="" placeholder="eg. 10">
  407. <label class="form-field__label input-label" for="amount">
  408. AMOUNT
  409. </label>
  410. </div>
  411. </div>
  412. </div>
  413.  
  414. <!-- PROXYLESS -->
  415. <div class="form-field__wrapper form-field__wrapper--input-checkbox">
  416. <input class="form-field__input-checkbox input-checkbox" type="checkbox" id="proxycheck">
  417. <label class="form-field__label input-label" for="proxycheck">
  418. Proxyless
  419. </label>
  420. </div>
  421.  
  422. <!-- FOOTLOCKER: ATC & CHECKOUT METHOD -->
  423. <div class="row"> <!-- add class="is-hidden" if element should get hidden -->
  424. <!-- FOOTLOCKER: ATC -->
  425. <div class="col-sm is-hidden" id="ftlmethod">
  426. <div class="form-field__wrapper form-field__wrapper--select">
  427. <select class="form-field__select select" id="ftl-method" name="ftl-method">
  428. <option selected="true" disabled="disabled">Select Footlocker ATC Method</option>
  429. <option value="1">Method 1 (Non-Akamai)</option>
  430. <option value="2">Method 2 (Akamai)</option>
  431. </select>
  432. </div>
  433. </div>
  434.  
  435. <!-- FOOTLOCKER: CHECKOUT METHOD -->
  436. <div class="col-sm is-hidden" id="ftlpayment">
  437. <div class="form-field__wrapper form-field__wrapper--select">
  438. <select class="form-field__select select" id="ftl-paymentmethod" name="ftl-paymentmethod">
  439. <option selected="true" disabled="disabled">Select Footlocker Checkout Method</option>
  440. <option value="paypal">PayPal</option>
  441. <option value="creditcard">Creditcard</option>
  442. </select>
  443. </div>
  444. </div>
  445. </div>
  446.  
  447. <!-- SOLEBOX, STARCOWPARIS & KICKZ ACCOUNT -->
  448. <div class="row"> <!-- add class="is-hidden" if element should get hidden -->
  449. <!-- SOLEBOX ACCOUNT -->
  450. <div class="col-sm is-hidden" id="soleboxselector">
  451. <div class="form-field__wrapper form-field__wrapper--select">
  452. <select class="form-field__select select" id="solebox-select" name="solebox-select">
  453. <option selected="true" disabled="disabled">Select Solebox Account</option>
  454. {% for account in accounts["Solebox"] %}
  455. <option value="{{account.email}},{{account.password}}">Email: {{account.email}} - Password: {{account.password}}</option>
  456. {% endfor %}
  457. </select>
  458. </div>
  459. </div>
  460.  
  461. <!-- STARCOWPARIS ACCOUNT -->
  462. <div class="col-sm is-hidden" id="starcowselector">
  463. <div class="form-field__wrapper form-field__wrapper--select">
  464. <select class="form-field__select select" id="starcow-select" name="starcow-select">
  465. <option selected="true" disabled="disabled">Select Starcowparis Account</option>
  466. {% for account in accounts["Starcowparis"] %}
  467. <option value="{{account.email}},{{account.password}}">Email: {{account.email}} - Password: {{account.password}}</option>
  468. {% endfor %}
  469. </select>
  470. </div>
  471. </div>
  472.  
  473. <!-- KICKZ ACCOUNT -->
  474. <div class="col-sm is-hidden" id="kickzselector">
  475. <div class="form-field__wrapper form-field__wrapper--select">
  476. <select class="form-field__select select" id="kickz-select" name="kickz-select">
  477. <option selected="true" disabled="disabled">Select Kickz Account</option>
  478. {% for account in accounts["Kickz"] %}
  479. <option value="{{account.email}},{{account.password}}">Email: {{account.email}} - Password: {{account.password}}</option>
  480. {% endfor %}
  481. </select>
  482. </div>
  483. </div>
  484. </div>
  485.  
  486. <!-- MESH CHECKOUT & MANUAL STORE -->
  487. <div class="row is-hidden" id="meshmethod">
  488. <!-- MESH CHECKOUT -->
  489. <div class="col-sm">
  490. <div class="form-field__wrapper form-field__wrapper--select">
  491. <select class="form-field__select select" id="meshcheckout" name="meshcheckout">
  492. <option selected="true" disabled="disabled">Mesh Checkout Method</option>
  493. <option value="PayPal">PayPal</option>
  494. <option value="Creditcard">Creditcard (only supports some, please test before release)</option>
  495. </select>
  496. </div>
  497. </div>
  498.  
  499. <!-- MANUAL STORE -->
  500. <div class="col-sm">
  501. <div class="form-field__wrapper form-field__wrapper--select">
  502. <select class="form-field__select select" id="storeselector" name="storeselector">
  503. <option selected="true" disabled="disabled">Manual Store Selector (Mesh)</option>
  504. <option value="JDSportsBE">JDSports Backend</option>
  505. <option value="JDSportsFE">JDSports Frontend</option>
  506. <option value="SizeBE">Size Backend</option>
  507. <option value="SizeFE">Size Frontend</option>
  508. <option value="SizeFE">Footpatrol Frontend</option>
  509. <option value="SizeBE">Footpatrol Backend</option>
  510. <option value="HipstoreFE">Hipstore Frontend</option>
  511. </select>
  512. </div>
  513. </div>
  514. </div>
  515. </div>
  516. <div class="main-filter main-filter--tasks main-filter--bottom">
  517. <div class="container">
  518. <div class="main-filter__main">
  519. <button type="button" class="btn btn--start" id="createbtn" onclick="createTask()" required>
  520. <i class="icon-plus"></i>
  521. Create
  522. </button>
  523. <button type="button" class="btn btn--start" id="createbtn" onclick="onePerProfile()" required>
  524. <i class="icon-plus"></i>
  525. Create One Per Profile
  526. </button>
  527. <button type="button" class="btn btn--stop" id="createbtn" data-custom-open="sizeModal" required>
  528. <i class="icon-plus"></i>
  529. Size Guide
  530. </button>
  531. </div>
  532. <div class="main-filter__secondary">
  533. <input class="btn btn--captcha btn--open-captcha" type="button" id="btn_popup" value="Show Size Guide">
  534. </div>
  535. <div class="main-filter__socials">
  536. <a href="https://kaiserframework.com/" target="_blank" title="Visit our website" class="nav-list-info__item" />
  537. <i class="icon-website"></i>
  538. </a>
  539. <a href="https://twitter.com/KaiserFramework" target="_blank" title="Follow us on Twitter" class="nav-list-info__item">
  540. <i class="icon-twitter"></i>
  541. </a>
  542. <small class="nav-list-info__copyright">
  543. <strong>Version: {{info.version}}</strong> – &copy; Kaiser Framework - All rights reserved.
  544. </small>
  545. </div>
  546. </div>
  547. </div>
  548. </div>
  549. </section>
  550. <div class="modal micromodal-slide" id="infoModal" aria-labelledby="infoModalLabel" aria-hidden="true">
  551. <div class="modal__overlay" tabindex="-1" data-micromodal-close>
  552. <!-- CONTAINER -->
  553. <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="accountModalLabel-title">
  554. <!-- HEADER -->
  555. <header class="modal__header">
  556. <h2 class="modal__title" id="accountModalLabel-title">
  557. Kaiser Framework 🤖
  558. </h2>
  559. <!-- CLOSE BUTTON -->
  560. <button class="modal__close" aria-label="Close modal" data-micromodal-close></button>
  561. </header>
  562.  
  563. <div class="modal__content" id="accountModalLabel-content">
  564. <h5>
  565. Key: <span style="color: green"> {{info.key}}</span>
  566. </h5>
  567.  
  568. <h5>
  569. Version: <span> {{info.version}}</span>
  570. </h5>
  571.  
  572. <p class="main-wrapper__copy">
  573. Developed by <a href="https://twitter.com/ekudahl" target="_blank">Emil Kudahl</a> and <a href="https://twitter.com/theandersmadsen" target="_blank" >Anders Madsen</a>
  574. </p>
  575.  
  576. <small class="has-error">
  577. Please report any bugs that you may find to the developers in Discord
  578. </small>
  579. </div>
  580.  
  581. <footer class="modal__footer">
  582. <button type="button" class="btn btn--clear" data-micromodal-close aria-label="Close this dialog window">Close</button>
  583. </footer>
  584. </div>
  585. </div>
  586. </div>
  587. <div class="modal micromodal-slide" id="sizeModal" aria-labelledby="sizeModalLabel" aria-hidden="true">
  588. <div class="modal__overlay" tabindex="-1" data-micromodal-close>
  589. <!-- CONTAINER -->
  590. <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="accountModalLabel-title">
  591. <!-- HEADER -->
  592. <header class="modal__header">
  593. <h2 class="modal__title" id="accountModalLabel-title">
  594. Size Guide 🤖
  595. </h2>
  596. <!-- CLOSE BUTTON -->
  597. <button class="modal__close" aria-label="Close modal" data-micromodal-close></button>
  598. </header>
  599.  
  600. <div class="modal__content" id="accountModalLabel-content">
  601. <h5>
  602. Footlocker
  603. </h5>
  604. <p>Footlocker is quite different when it comes down to sizing, their US 9 is "090" instead of the usual US 9. You can find the sizecodes in the all release-guides that we make.</p>
  605. <div class="grid-container">
  606. <div class="grid-item"><b>EU</b></div>
  607. <div class="grid-item"><b>UK</b></div>
  608. <div class="grid-item"><b>US</b></div>
  609. <div class="grid-item">?</div>
  610. <div class="grid-item">?</div>
  611. <div class="grid-item">?</div>
  612. </div>
  613.  
  614. <h5>
  615. Solebox
  616. </h5>
  617. <div class="grid-container">
  618. <div class="grid-item"><b>EU</b></div>
  619. <div class="grid-item"><b>UK</b></div>
  620. <div class="grid-item"><b>US</b></div>
  621. <div class="grid-item">🤖</div>
  622. <div class="grid-item">🤖</div>
  623. <div class="grid-item"></div>
  624. </div>
  625.  
  626. <h5>
  627. Footpatrol
  628. </h5>
  629. <div class="grid-container">
  630. <div class="grid-item"><b>EU</b></div>
  631. <div class="grid-item"><b>UK</b></div>
  632. <div class="grid-item"><b>US</b></div>
  633. <div class="grid-item"></div>
  634. <div class="grid-item">🤖</div>
  635. <div class="grid-item"></div>
  636. </div>
  637.  
  638. <h5>
  639. Starcow
  640. </h5>
  641. <div class="grid-container">
  642. <div class="grid-item"><b>EU</b></div>
  643. <div class="grid-item"><b>UK</b></div>
  644. <div class="grid-item"><b>US</b></div>
  645. <div class="grid-item">🤖</div>
  646. <div class="grid-item"></div>
  647. <div class="grid-item">🤖</div>
  648. </div>
  649.  
  650. <h5>
  651. Wellgosh
  652. </h5>
  653. <div class="grid-container">
  654. <div class="grid-item"><b>EU</b></div>
  655. <div class="grid-item"><b>UK</b></div>
  656. <div class="grid-item"><b>US</b></div>
  657. <div class="grid-item"></div>
  658. <div class="grid-item">🤖</div>
  659. <div class="grid-item"></div>
  660. </div>
  661.  
  662. <h5>
  663. Titolo
  664. </h5>
  665. <div class="grid-container">
  666. <div class="grid-item"><b>EU</b></div>
  667. <div class="grid-item"><b>UK</b></div>
  668. <div class="grid-item"><b>US</b></div>
  669. <div class="grid-item">🤖</div>
  670. <div class="grid-item">🤖</div>
  671. <div class="grid-item"></div>
  672. </div>
  673.  
  674. <h5>
  675. Footdistrict
  676. </h5>
  677. <div class="grid-container">
  678. <div class="grid-item"><b>EU</b></div>
  679. <div class="grid-item"><b>UK</b></div>
  680. <div class="grid-item"><b>US</b></div>
  681. <div class="grid-item">🤖</div>
  682. <div class="grid-item">🤖</div>
  683. <div class="grid-item"></div>
  684. </div>
  685.  
  686. <h5>
  687. Kickz/Kickzpremium
  688. </h5>
  689. <div class="grid-container">
  690. <div class="grid-item"><b>EU</b></div>
  691. <div class="grid-item"><b>UK</b></div>
  692. <div class="grid-item"><b>US</b></div>
  693. <div class="grid-item"></div>
  694. <div class="grid-item">🤖</div>
  695. <div class="grid-item"></div>
  696. </div>
  697.  
  698. <h5>
  699. Allikestore
  700. </h5>
  701. <div class="grid-container">
  702. <div class="grid-item"><b>EU</b></div>
  703. <div class="grid-item"><b>UK</b></div>
  704. <div class="grid-item"><b>US</b></div>
  705. <div class="grid-item">🤖</div>
  706. <div class="grid-item"></div>
  707. <div class="grid-item"></div>
  708. </div>
  709.  
  710. <h5>
  711. Overkillshop
  712. </h5>
  713. <div class="grid-container">
  714. <div class="grid-item"><b>EU</b></div>
  715. <div class="grid-item"><b>UK</b></div>
  716. <div class="grid-item"><b>US</b></div>
  717. <div class="grid-item">?</div>
  718. <div class="grid-item">?</div>
  719. <div class="grid-item">?</div>
  720. </div>
  721.  
  722. <h5>
  723. Grosbasket
  724. </h5>
  725. <div class="grid-container">
  726. <div class="grid-item"><b>EU</b></div>
  727. <div class="grid-item"><b>UK</b></div>
  728. <div class="grid-item"><b>US</b></div>
  729. <div class="grid-item">🤖</div>
  730. <div class="grid-item">🤖</div>
  731. <div class="grid-item"></div>
  732. </div>
  733.  
  734. <h5>
  735. Size? (depends on region)
  736. </h5>
  737. <div class="grid-container">
  738. <div class="grid-item"><b>EU</b></div>
  739. <div class="grid-item"><b>UK</b></div>
  740. <div class="grid-item"><b>US</b></div>
  741. <div class="grid-item">🤖</div>
  742. <div class="grid-item">🤖</div>
  743. <div class="grid-item"></div>
  744. </div>
  745.  
  746. <h5>
  747. JDSports (depends on region)
  748. </h5>
  749. <div class="grid-container">
  750. <div class="grid-item"><b>EU</b></div>
  751. <div class="grid-item"><b>UK</b></div>
  752. <div class="grid-item"><b>US</b></div>
  753. <div class="grid-item">🤖</div>
  754. <div class="grid-item">🤖</div>
  755. <div class="grid-item"></div>
  756. </div>
  757.  
  758. <h5>
  759. TheHipStore
  760. </h5>
  761. <div class="grid-container">
  762. <div class="grid-item"><b>EU</b></div>
  763. <div class="grid-item"><b>UK</b></div>
  764. <div class="grid-item"><b>US</b></div>
  765. <div class="grid-item"></div>
  766. <div class="grid-item">🤖</div>
  767. <div class="grid-item"></div>
  768. </div>
  769.  
  770. <h5>
  771. Consortium
  772. </h5>
  773. <div class="grid-container">
  774. <div class="grid-item"><b>EU</b></div>
  775. <div class="grid-item"><b>UK</b></div>
  776. <div class="grid-item"><b>US</b></div>
  777. <div class="grid-item"></div>
  778. <div class="grid-item">🤖</div>
  779. <div class="grid-item"></div>
  780. </div>
  781.  
  782. <h5>
  783. BSTN
  784. </h5>
  785. <div class="grid-container">
  786. <div class="grid-item"><b>EU</b></div>
  787. <div class="grid-item"><b>UK</b></div>
  788. <div class="grid-item"><b>US</b></div>
  789. <div class="grid-item">🤖</div>
  790. <div class="grid-item"></div>
  791. <div class="grid-item">🤖</div>
  792. </div>
  793.  
  794. <h5>
  795. Sneak-a-venue
  796. </h5>
  797. <div class="grid-container">
  798. <div class="grid-item"><b>EU</b></div>
  799. <div class="grid-item"><b>UK</b></div>
  800. <div class="grid-item"><b>US</b></div>
  801. <div class="grid-item">🤖</div>
  802. <div class="grid-item"></div>
  803. <div class="grid-item">🤖</div>
  804. </div>
  805.  
  806. <h5>
  807. Voostore
  808. </h5>
  809. <div class="grid-container">
  810. <div class="grid-item"><b>EU</b></div>
  811. <div class="grid-item"><b>UK</b></div>
  812. <div class="grid-item"><b>US</b></div>
  813. <div class="grid-item"></div>
  814. <div class="grid-item"></div>
  815. <div class="grid-item">🤖</div>
  816. </div>
  817. </div>
  818. <footer class="modal__footer">
  819. <button type="button" class="btn btn--clear" data-micromodal-close aria-label="Close this dialog window">Close</button>
  820. </footer>
  821. </div>
  822. </div>
  823. </div>
  824.  
  825. <a class="top-link hide" href="" id="js-top">
  826. <i class="icon-scroll-top"></i>
  827. </a>
  828. <script src="js/vendor.js"></script>
  829. <script src="js/app.js"></script>
  830. <script src="js/createtask.js"></script>
  831. <script src="js/offside.min.js"></script>
  832. <!-- Put this right before the </body> closing tag -->
  833. <script>
  834. //Offside.js minimal setup
  835. var offsideMenu2 = offside('#captcha-harvest', {
  836. slidingElementsSelector: 'section.container, .navbar',
  837. debug: true,
  838. buttonsSelector: '.btn--open-captcha, .close-offside',
  839. slidingSide: 'right',
  840. beforeOpen: function() {},
  841. beforeClose: function() {},
  842. });
  843. </script>
  844. </body>
  845.  
  846. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement