martinnaj

Untitled

Feb 6th, 2020
263
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.79 KB | None | 0 0
  1. <html id="all">
  2. <head>
  3. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:700&display=swap" rel="stylesheet">
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  5. <title>Martin Najemi</title>
  6. <meta name="description" content="The official website of Martin Najemi">
  7. <meta name="robots" content="index, follow" />
  8. <style>
  9. .bigbox {
  10. height: 800px;
  11. }
  12. .sendbutton {
  13. height: 50px;
  14. width: 300px;
  15. background-color: #666;
  16. border: 0;
  17. font-size: 120%;
  18. -webkit-appearance: none;
  19. }
  20. .sendbutton:hover {
  21. background-color: #555;
  22. }
  23. #rederror h1:empty {
  24. display: none;
  25. }
  26. .errorText {
  27. padding-top: 15px;
  28. }
  29. .rederror {
  30. background-color: red;
  31. min-height: 70px;
  32. height: 70px;
  33. }
  34. .rederror.panel-alert:empty {
  35. display: none;
  36. }
  37. #dropdown {
  38. left: -5px;
  39. display: inline-block;
  40. margin-left: 4%;
  41. }
  42. #dropdown-content {
  43. display: none;
  44. position: absolute;
  45. background-color: #f1f1f1;
  46. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  47. z-index: 1;
  48. margin-left: -20px;
  49. font-family: 'Roboto Mono', monospace;
  50. letter-spacing: 1px;
  51. }
  52. #dropdown-content a {
  53. color: black;
  54. display: block;
  55. cursor: pointer;
  56. }
  57. .p {
  58. cursor: pointer;
  59. padding: 5px 16px;
  60. color: black;
  61. text-decoration: none;
  62. text-transform: uppercase;
  63. font-size: 14px;
  64. }
  65. #dropdown:hover #dropdown-content {display: block;}
  66. #logo {
  67. left: 2%;
  68. position: absolute;
  69. top: 10px;
  70. }
  71. .header {
  72. padding: 30px;
  73. text-align: center;
  74. background: #333;
  75. color: white;
  76. font-size: 30px;
  77. }
  78. .container {
  79. width: 80%;
  80. margin: 0 auto;
  81. }
  82. header {
  83. background: #222;
  84. height: 65px;
  85. }
  86. header::after {
  87. content: '';
  88. display: table;
  89. clear: both;
  90. }
  91. nav {
  92. float: right;
  93. position: absolute;
  94. right: 10px;
  95. width: 550px;
  96. height: 200px;
  97. top: 0px;
  98. }
  99. nav ul {
  100. margin: 0;
  101. padding: 0;
  102. width: 100%;
  103. list-style: none;
  104. }
  105. nav li {
  106. display: inline-block;
  107. margin-left: 4%;
  108. padding-top: 23px;
  109. position: relative;
  110. }
  111. nav a {
  112. color: #fff;
  113. text-decoration: none;
  114. text-transform: uppercase;
  115. font-size: 14px;
  116. font-family: 'Roboto Mono', monospace;
  117. letter-spacing: 1px;
  118. }
  119. nav a::before {
  120. content: '';
  121. display: block;
  122. height: 5px;
  123. background-color: #fff;
  124. position: absolute;
  125. top: 0;
  126. width: 0%;
  127. transition: all ease-in-out 250ms;
  128. }
  129. nav a:hover::before { width: 100%; }
  130. section#footer{
  131. float: left;
  132. width: 100%;
  133. padding-top: 15px;
  134. padding-left: 10%;
  135. padding-right: 10%;
  136. background-color:#fff;
  137. font-size: 14px;
  138. color: black;
  139. }
  140. .common-Button {
  141. transform:translateX(-50%);
  142. position:absolute;
  143. cursor: pointer;
  144. opacity:1;
  145. white-space:nowrap;
  146. font-family: 'Oswald', sans-serif;
  147. display:inline-block;
  148. line-height:75px;
  149. padding:0 14px;
  150. -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
  151. box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
  152. background:#fff;
  153. border-radius:4px;
  154. height: 75px;
  155. width: 300px;
  156. font-size:30px;
  157. text-transform:uppercase;
  158. letter-spacing:.025em;
  159. color:#6772e5;
  160. text-decoration:none;
  161. -webkit-transition:all .15s ease;
  162. transition:all .15s ease;
  163. text-align: center;
  164. -webkit-user-select: none; /* Safari */
  165. -moz-user-select: none; /* Firefox */
  166. -ms-user-select: none; /* IE10+/Edge */
  167. user-select: none; /* Standard */
  168. }
  169. .common-Button:focus {
  170. color:#7795f8;
  171. -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
  172. box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
  173. -webkit-box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
  174. box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
  175. }
  176. .common-Button:hover {
  177. color:#7795f8;
  178. -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
  179. box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
  180. -webkit-box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
  181. box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
  182. }
  183. .common-Button:active {
  184. color:#7795f8;
  185. -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
  186. box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
  187. -webkit-box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
  188. box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
  189. }
  190. .fa {
  191. color: white;
  192. padding: 20px;
  193. font-size: 30px;
  194. width: 50px;
  195. text-align: center;
  196. text-decoration: none;
  197. margin: 5px 2px;
  198. }
  199. .fa:hover { opacity: 0.8; }
  200. .fa-facebook { background: #3B5998; }
  201. .fa-twitter { background: #55ACEE; }
  202. .fa-youtube { background: #bb0000; }
  203. .fa-instagram { background: #125688; }
  204. .fa-reddit { background: #ff5700; }
  205. .contentnotfill {
  206. position: absolute;
  207. bottom: 0px;
  208. }
  209. #page-container {
  210. position: relative;
  211. min-height: 100vh;
  212. }
  213. #content-wrap { padding-bottom: 5.6rem; }
  214. #footer {
  215. position: absolute;
  216. bottom: 0;
  217. width: 100%;
  218. height: 5.6rem; /* Footer height */
  219. }
  220. .hiddenbox {
  221. display: none;
  222. width: 50%;
  223. height: 50px;
  224. background-color: #0d0d0d;
  225. border-top: 0;
  226. border-bottom: 0;
  227. border-left: 0;
  228. border-right: 0;
  229. color: white;
  230. font-size: 15pt;
  231. line-height: 60%;
  232. }
  233. .box {
  234. width: 50%;
  235. height: 50px;
  236. background-color: #0d0d0d;
  237. border-top: 0;
  238. border-bottom: 0;
  239. border-left: 0;
  240. border-right: 0;
  241. color: white;
  242. font-size: 15pt;
  243. line-height: 60%;
  244. }
  245. .text {
  246. width: 100%;
  247. height: 50px;
  248. background-color: #0d0d0d;
  249. border-top: 0;
  250. border-bottom: 0;
  251. border-left: 0;
  252. border-right: 0;
  253. color: white;
  254. font-size: 15pt;
  255. padding-left: 10px;
  256. }
  257. #account:hover { cursor: pointer; }
  258. </style>
  259. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  260. <!--<link rel="stylesheet" href="http://fuckyourself.org.uk/css/style.css">-->
  261. <meta charset="utf-8">
  262. <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
  263. </head>
  264. <body style="background-color: #333;">
  265. <div id="content1" style="display: none;"><?php
  266. //THE LOGIN SCRIPT, WILL RETURN EXAMPLE@EXAMPLE.COM
  267. ?></div>
  268. <div id="page-container" style="background-color: #333;">
  269. <div id="content-wrap">
  270. <header>
  271. <div class="container">
  272. <br>
  273. <img alt="logo" src="http://<?php echo "$_SERVER[HTTP_HOST]"; ?>/logo/logo.png" align="left" id="logo" width="45">
  274. <nav>
  275. <ul>
  276. <li><a href="http://<?php echo "$_SERVER[HTTP_HOST]"; ?>" id="homebutton">Home</a></li>
  277. <li><a href="http://<?php echo "$_SERVER[HTTP_HOST]"; ?>/products/">Products</a></li>
  278. <li><a href="http://<?php echo "$_SERVER[HTTP_HOST]"; ?>/services/">Services</a></li>
  279. <div id="dropdown">
  280. <li><a href="http://<?php echo "$_SERVER[HTTP_HOST]"; ?>/network/">Network</a></li>
  281. <div id="dropdown-content">
  282. <p id="para1" class="p">YouTube</p>
  283. <p id="para2" class="p">Facebook</p>
  284. <p id="para3" class="p">Instagram</p>
  285. <p id="para4" class="p">Twitter</p>
  286. <p id="para5" class="p">Domains</p>
  287. <p id="para6" class="p">Music Distribution</p>
  288. </div>
  289. </div>
  290. <div id="dropdown">
  291. <li><a href="http://<?php echo "$_SERVER[HTTP_HOST]"; ?>/account/" id="account">Account</a></li>
  292. <div id="dropdown-content">
  293. <p id="para7" class="p">Register</p>
  294. <p id="para8" class="p">Sign In</p>
  295. <p id="para9" class="p">Sign Out</p>
  296. </div>
  297. </div>
  298. <li><a href="http://<?php echo "$_SERVER[HTTP_HOST]"; ?>/contact/">Contact</a></li>
  299. </ul>
  300. </nav>
  301. </div>
  302. </header>
  303. <div class="Header">
  304. <div id="rederror" class="rederror" style="display: block;" align="center">
  305. <h1 id="errorText" class="errorText" style="text-align: center; display: block;">
  306. <?php
  307. if(isset($_GET['success'])) { $success = $_GET['success']; } else { $success = "none"; }
  308. if(isset($_GET['reason'])) { $reason = $_GET['reason']; } else { $reason = "none"; }
  309. if (($success == "none")&&($reason == "none")){ echo "";
  310. }elseif (($reason == "none")&&(!$success == "none")) {
  311. if ($success == "0"){ echo "Your login returned an error"; }
  312. if ($success == "1"){ echo "Your login was successful"; }
  313. }elseif (($success == "none")&&($reason != "none")){ echo $reason; }
  314. ?>
  315. </h1>
  316. </div>
  317. <h1>Login</h1>
  318. <form method="post" action="changemail.php" autocomplete="off" style="text-align: left;">
  319. <br>
  320. <h3>Email Address:</h3>
  321. <div class="box">
  322. <input class="text" type="text" id="mailbox">
  323. </div>
  324. <br>
  325. <input type="submit" value="Save" class="sendbutton">
  326. <br><br>
  327. </form>
  328. </div>
  329. <script>
  330. var email = document.getElementById('content1').textContent;
  331. var register = document.getElementById("para7");
  332. var login = document.getElementById("para8");
  333. var logout = document.getElementById("para9");
  334. if (email !== "") {
  335. register.style.display = "none";
  336. login.style.display = "none";
  337. document.getElementById('mailbox').innerHTML = email;
  338. console.log("We are here")
  339. }else{ window.location.href = "../login/";logout.style.display = "none";}
  340. document.getElementById("logo").addEventListener("click",function(){document.getElementById("homebutton").click();});
  341. document.getElementById("account").addEventListener("click",function(){if(!email == ""){document.getElementById("accountbutton").click();}});
  342. </script>
  343. </div>
  344. <section id="footer" style="width: 80%; margin: 0 auto;" class="contentnotfill">
  345. <h3 align="center">Email : <a style="color: black" href="mailto:info@<?php echo "$_SERVER[HTTP_HOST]"; ?>"><?php echo "info@".str_replace("www.", "", $_SERVER["HTTP_HOST"]);?></a>
  346. <br>
  347. © 2019 All rights reserved
  348. <br>
  349. Martin Najemi
  350. </h3>
  351. </section>
  352. </div>
  353. <script>
  354. document.getElementById("para1").onclick = function(){location.href = "http://martinnaj.co.uk/network/youtube/"}
  355. document.getElementById("para2").onclick = function(){location.href = "http://martinnaj.co.uk/network/facebook/"}
  356. document.getElementById("para3").onclick = function(){location.href = "http://martinnaj.co.uk/network/instagram/"}
  357. document.getElementById("para4").onclick = function(){location.href = "http://martinnaj.co.uk/network/twitter/"}
  358. document.getElementById("para5").onclick = function(){location.href = "http://martinnaj.co.uk/network/domains/"}
  359. document.getElementById("para6").onclick = function(){location.href = "http://martinnaj.co.uk/network/music/"}
  360. document.getElementById("para7").onclick = function(){location.href = "http://martinnaj.co.uk/register/"}
  361. document.getElementById("para8").onclick = function(){location.href = "http://martinnaj.co.uk/login/"}
  362. document.getElementById("para9").onclick = function(){location.href = "http://martinnaj.co.uk/signout/"}
  363. </script>
  364. <script>
  365. function1();
  366. function function1() {
  367. var x = document.getElementById("errorText").innerText;
  368. if (x != "") {
  369. document.getElementById("errorText").style.display = "block";
  370. document.getElementById("rederror").style.display = "block";
  371. }
  372. else{
  373. document.getElementById("errorText").style.display = "none";
  374. document.getElementById("rederror").style.display = "none";
  375. }
  376. }
  377. </script>
  378. </body>
  379. </html>
Add Comment
Please, Sign In to add comment