Commit d79fc493 authored by ianzren's avatar ianzren

changed format of popup.html

parent 554cf336
......@@ -3,20 +3,18 @@ var MOUSE_VISITED_CLASSNAME = 'crx_mouse_visited';
var srcName;
var dietNum = 0;
// var currName;
var currName;
//Querying database on heroku
// import { Client } from 'pg';
// const client = new Client({
// connectionString: process.env.DATABASE_URL, //default name for main database is DATABASE_URL
// ssl: {
// rejectUnauthorized: false
// }
// });
//https://www.w3schools.com/nodejs/nodejs_mysql_select.asp
import { Client } from 'pg';
const client = new Client({
connectionString: process.env.DATABASE_URL, //default name for main database is DATABASE_URL
ssl: {
rejectUnauthorized: false
}
});
// Previous dom, that we want to track, so we can remove the previous styling.
//var prevDOM = null;
......
......@@ -7,13 +7,16 @@
<script src="content.js"></script>
</head>
<body>
<div class="Title"></div>
<h1> Clickerance </h1>
<div class="Title">
<b>Clickerance</b>
</div>
<div id="form">
Dairy : <input type="checkbox" id="Dairy"><br>
Meat : <input type="checkbox" id="Meat"><br>
Corn : <input type="checkbox" id="Corn"><br>
Gluten : <input type="checkbox" id="Gluten"><br>
</div>
<p>Which ones you can't eat?</p>
......
.Title
{
text-align: justify;
font: 40px helvetica, sans-serif;
font: 30px helvetica, sans-serif;
color: white;
background-color: #47BD95;
padding: 28px
padding: 4px
}
.nameWrapper___4c05X {
background-color: #ffffff;
}
.crx_mouse_visited {
background-clip: #bcd5eb!important;
outline: 1px dashed #47bb47!important;
......
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