Advertisement
Guest User

Untitled

a guest
Mar 19th, 2019
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.08 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>CLL Algorithms</title>
  5. <meta charset="utf-8">
  6. <Link rel="stylesheet" type="text/css" href="../../css/style3.css">
  7. <link rel="Icon" type="image/icon" href="../../images/favicon.ico">
  8. <script src="http://code.jquery.com/jquery-3.1.1.slim.js" integrity="sha256-5i/mQ300M779N2OVDrl16lbohwXNUdzL/R2aVUXyXWA=" crossorigin="anonymous"></script>
  9.  
  10.  
  11. </head>
  12.  
  13. <body>
  14.  
  15. <header>
  16.  
  17. <nav class="menu-nav">
  18. <ul>
  19. <li class="button">
  20. <a href="../../index.html"><img src="../../images/logo-home.png" height="150" width="150" alt="logo-home"></a>
  21.  
  22. </li>
  23. <li class="button">
  24. <a href="Ortega.html"><img src="../../images/PBL-link.png" alt= "PBL-link"></a>
  25.  
  26. </li>
  27. <li class="button">
  28. <a href="CLL.html"><img src="../../images/CLL-link.png" alt= "CLL-link"></a>
  29. </li>
  30.  
  31. <li class="button">
  32. <a href="EG-1.html"><img src="../../images/EG-1-link.png" alt= "EG-1-link"></a>
  33. </li>
  34.  
  35. <li class="button">
  36. <a href="EG-2.html"><img src="../../images/EG-2-link.png" alt= "EG-2-link"></a>
  37. </li>
  38.  
  39. </ul>
  40. </nav>
  41.  
  42. </header>
  43.  
  44.  
  45. <p class="desc">
  46. If you want the PDF
  47. <a class="pdf" href="http://bit.ly/CLL_ALG_2x2" target="_BLANK"> click here</a>. <br>Neil TZIKUNIB's CLL algs</p>
  48.  
  49.  
  50.  
  51.  
  52.  
  53. <button type="button" class="toggle" data-target="#content1">
  54. Set H
  55. </button>
  56.  
  57. <div id="content1" class="d-none">
  58.  
  59. <div class="algs">
  60. <p class="algo">
  61. <img src="../../images/2x2/CLL/H/H1.png" alt=""> F (U R U’ R’)3 F’</p>
  62. </div>
  63.  
  64. <div class="algs">
  65. <p class="algo">
  66. <img src="../../images/2x2/CLL/H/H2.png" alt="">(U') R U R' U R U R' F R' F' R</p>
  67. </div>
  68.  
  69. <div class="algs">
  70. <p class="algo">
  71. <img src="../../images/2x2/CLL/H/H3.png" alt="">R’ U2 R y R’ U R’ U’ R U’ R</p>
  72. </div>
  73.  
  74. <div class="algs">
  75. <p class="algo">
  76. <img src="../../images/2x2/CLL/H/H4.png" alt="">R2 U2 R' U2 R2</p>
  77. </div>
  78.  
  79. </div>
  80.  
  81. <hr>
  82.  
  83. <button type="button" class="toggle" data-target="#content2">
  84. Set Pi
  85. </button>
  86.  
  87. <div id="content2" class="d-none">
  88.  
  89. <div class="algs">
  90. <p class="algo">
  91. <img src="../../images/2x2/CLL/Pi/Pi1.png" alt="">R U' R2' U R2 U R2' U' R</p>
  92. </div>
  93.  
  94. <div class="algs">
  95. <p class="algo">
  96. <img src="../../images/2x2/CLL/Pi/Pi2.png" alt="">(U2) ​L’ U2 L U L’ U’ L U2’ L F’ L’ F</p>
  97. </div>
  98.  
  99. <div class="algs">
  100. <p class="algo">
  101. <img src="../../images/2x2/CLL/Pi/Pi3.png" alt="">R U2 R’ U’ R U R’ U2’ R’ F R F’</p>
  102. </div>
  103.  
  104. <div class="algs">
  105. <p class="algo">
  106. <img src="../../images/2x2/CLL/Pi/Pi4.png" alt="">(U’) R U’ R U’ R’ U R’ F R2 F’</p>
  107. </div>
  108.  
  109. <div class="algs">
  110. <p class="algo">
  111. <img src="../../images/2x2/CLL/Pi/Pi5.png" alt="">(U') R' U' R' F R F' R U' R' U2 R</p>
  112. </div>
  113.  
  114. <div class="algs">
  115. <p class="algo">
  116. <img src="../../images/2x2/CLL/Pi/Pi6.png" alt="">R U’ R’ F L’ U L U L’ U</p>
  117. </div>
  118.  
  119. </div>
  120.  
  121. <hr>
  122.  
  123. <button type="button" class="toggle" data-target="#content3">
  124. Set U
  125. </button>
  126.  
  127. <div id="content3" class="d-none">
  128.  
  129. <div class="algs">
  130. <p class="algo">
  131. <img src="../../images/2x2/CLL/U/U1.png" alt="">(U) R' U R' F R F' R U2 R' U R</p>
  132. </div>
  133.  
  134. <div class="algs">
  135. <p class="algo">
  136. <img src="../../images/2x2/CLL/U/U2.png" alt="">(U) R U' R2 F R F' R U R' U' R U R'</p>
  137. </div>
  138.  
  139. <div class="algs">
  140. <p class="algo">
  141. <img src="../../images/2x2/CLL/U/U3.png" alt="">(U2) R U’ R U’ R U' R’ U R' U R'</p>
  142. </div>
  143.  
  144. <div class="algs">
  145. <p class="algo">
  146. <img src="../../images/2x2/CLL/U/U4.png" alt="">z' (U2) R' U' R2 U' R' U' R U' R'</p>
  147. </div>
  148.  
  149. <div class="algs">
  150. <p class="algo">
  151. <img src="../../images/2x2/CLL/U/U5.png" alt="">F R' F' R U' R U' R' U2 R U' R'</p>
  152. </div>
  153.  
  154. <div class="algs">
  155. <p class="algo">
  156. <img src="../../images/2x2/CLL/U/U6.png" alt="">F R U R’ U’ F’</p>
  157. </div>
  158.  
  159. </div>
  160.  
  161. <hr>
  162.  
  163. <button type="button" class="toggle" data-target="#content4">
  164. Set L
  165. </button>
  166.  
  167. <div id="content4" class="d-none">
  168.  
  169. <div class="algs">
  170. <p class="algo">
  171. <img src="../../images/2x2/CLL/L/L1.png" alt="">F R F' R U R' U' R'</p>
  172. </div>
  173.  
  174. <div class="algs">
  175. <p class="algo">
  176. <img src="../../images/2x2/CLL/L/L2.png" alt="">F R’ F’ R U R U’ R'</p>
  177. </div>
  178.  
  179. <div class="algs">
  180. <p class="algo">
  181. <img src="../../images/2x2/CLL/L/L3.png" alt="">(U2) R2 U R' U2 R U2 R' U R2</p>
  182. </div>
  183.  
  184. <div class="algs">
  185. <p class="algo">
  186. <img src="../../images/2x2/CLL/L/L4.png" alt="">R U2 R’ F’ R U2 R’ U R’ F2</p>
  187. </div>
  188.  
  189. <div class="algs">
  190. <p class="algo">
  191. <img src="../../images/2x2/CLL/L/L5.png" alt="">(U’) R U’ R’ U R U’ R’ F R’ F’ R2 U R'</p>
  192. </div>
  193.  
  194. <div class="algs">
  195. <p class="algo">
  196. <img src="../../images/2x2/CLL/L/L6.png" alt="">R U2 R2 F R F' R U2 R'</p>
  197. </div>
  198.  
  199. </div>
  200.  
  201. <hr>
  202.  
  203. <button type="button" class="toggle" data-target="#content5">
  204. Set T</button>
  205.  
  206. <div id="content5" class="d-none">
  207.  
  208. <div class="algs">
  209. <p class="algo">
  210. <img src="../../images/2x2/CLL/T/T1.png" alt="">R U R' U' R' F R F'</p>
  211. </div>
  212.  
  213. <div class="algs">
  214. <p class="algo">
  215. <img src="../../images/2x2/CLL/T/T2.png" alt="">F R F' R U R' U' R'</p>
  216. </div>
  217.  
  218. <div class="algs">
  219. <p class="algo">
  220. <img src="../../images/2x2/CLL/T/T3.png" alt="">(U) F R' F R2 U' R' U' R U R' F2</p>
  221. </div>
  222.  
  223. <div class="algs">
  224. <p class="algo">
  225. <img src="../../images/2x2/CLL/T/T4.png" alt="">(U) R' U R U2 R2 F R F' R</p>
  226. </div>
  227.  
  228. <div class="algs">
  229. <p class="algo">
  230. <img src="../../images/2x2/CLL/T/T5.png" alt="">(U2) R’ U2 R’ F2 R F2 R’ F2 R2</p>
  231. </div>
  232.  
  233. <div class="algs">
  234. <p class="algo">
  235. <img src="../../images/2x2/CLL/T/T6.png" alt="">(U) F U' R U2 R' U' F2 R U R'</p>
  236. </div>
  237.  
  238. </div>
  239.  
  240. <hr>
  241.  
  242. <button type="button" class="toggle" data-target="#content6">
  243. Set S
  244. </button>
  245.  
  246. <div id="content6" class="d-none">
  247.  
  248. <div class="algs">
  249. <p class="algo">
  250. <img src="../../images/2x2/CLL/S/S1.png" alt="">R U R' U R U2 R'</p>
  251. </div>
  252.  
  253. <div class="algs">
  254. <p class="algo">
  255. <img src="../../images/2x2/CLL/S/S2.png" alt="">R U' R' F R' F' R</p>
  256. </div>
  257.  
  258. <div class="algs">
  259. <p class="algo">
  260. <img src="../../images/2x2/CLL/S/S3.png" alt="">R U R' U' R' F R F' R U R' U R U2 R'</p>
  261. </div>
  262.  
  263. <div class="algs">
  264. <p class="algo">
  265. <img src="../../images/2x2/CLL/S/S4.png" alt="">R' F2 R U2 R U' R' F</p>
  266. </div>
  267.  
  268. <div class="algs">
  269. <p class="algo">
  270. <img src="../../images/2x2/CLL/S/S5.png" alt="">F R' F' R U2 R U2 R'</p>
  271. </div>
  272.  
  273. <div class="algs">
  274. <p class="algo">
  275. <img src="../../images/2x2/CLL/S/S6.png" alt="">(U2) R U R' U R' F R F' R U2 R'</p>
  276. </div>
  277.  
  278. </div>
  279.  
  280.  
  281.  
  282.  
  283. <footer><p>Copyright &copy; Neil TZIKUNIB - 2019 - All Right Reserved</p></footer>
  284.  
  285. </body>
  286. </html>
  287.  
  288.  
  289. <script>
  290.  
  291. $('.toggle').on('click', function(e) {
  292. $($(this).data('target')).toggleClass('d-none');
  293. });
  294.  
  295. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement