Unverified Commit ab4e8e25 authored by matusrebros's avatar matusrebros
Browse files

added simple styles

parent 3d427df3
table,th,td{border:1px solid black}td{padding:8px}button.copy{background:none;border:none;cursor:pointer}.deeplink-wrapper{background:lightblue}.deeplink-wrapper:hover{background:#86c5da}
body{min-width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.4em}table,th,td{border:1px solid black}td{padding:8px}button.copy{background:none;border:none;cursor:pointer}.deeplink-wrapper{background:lightblue}.deeplink-wrapper:hover{background:#86c5da}.generator{min-width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.generator input{width:100%;max-width:400px;font-size:1.5em}.generator input[type=submit]{margin-top:32px;max-width:200px;cursor:pointer}.list-page{min-width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center}.list-page table{width:100%;max-width:800px}
body {
min-width: 100vw;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 1.4em;
}
table,
th,
td {
......@@ -5,19 +16,53 @@ td {
}
td {
padding: 8px;
padding: 8px;
}
button.copy {
background: none;
border: none;
cursor: pointer;
background: none;
border: none;
cursor: pointer;
}
.deeplink-wrapper {
background: lightblue;
background: lightblue;
&:hover {
background: darken(lightblue, 10);
}
}
.generator {
min-width: 100vw;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
input {
width: 100%;
max-width: 400px;
font-size: 1.5em;
}
input[type=submit] {
margin-top: 32px;
max-width: 200px;
cursor: pointer;
}
}
.list-page {
min-width: 100vw;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
&:hover {
background: darken(lightblue, 10);
table {
width: 100%;
max-width: 800px;
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Generator</title>
<link rel="stylesheet" href="../assets/css/main.min.css">
</head>
<body>
<?php
if (isset($_GET['IgUsername']) and !empty($_GET['IgUsername'])) {
......@@ -21,7 +32,7 @@ if (isset($_GET['IgUsername']) and !empty($_GET['IgUsername'])) {
if (mysqli_query($link, $sql)) {
if ( mysqli_affected_rows($link) > 0 ) {
echo "Pridané" . "<br>";
echo "Deeplink URL: <a href=". $RootDomain . $hash .">". $RootDomain . $hash . "</a>";
echo "Deeplink URL: <div class=\"deeplink-wrapper\"><button class=\"copy\">". $RootDomain . $hash . "</button></div>";
} else {
echo "IG je už v DB";
}
......@@ -33,3 +44,10 @@ if (isset($_GET['IgUsername']) and !empty($_GET['IgUsername'])) {
} else {
echo 'Daj tam IG username koko';
}
?>
<script src="assets/js/main.js"></script>
</body>
</html>
......@@ -5,12 +5,13 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Deeplinking</title>
<title>Generator</title>
<link rel="stylesheet" href="../assets/css/main.min.css">
</head>
<body>
<form method="GET" action="../deep.php">
<form class="generator" method="GET" action="../deep.php">
<input type="text" name="IgUsername" placeholder="IG username" />
<input type="submit" value="Deep It" />
</form>
......
......@@ -4,10 +4,10 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>List of backlinks</title>
<title>List of deeplinks</title>
<link rel="stylesheet" href="../assets/css/main.min.css">
</head>
<body>
<body class="list-page">
<?php
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment