mirror of
https://github.com/r-smith/deceptifeed.git
synced 2025-11-02 05:03:42 +00:00
Use centralized stylesheet
This change removes the CSS sections from HTML templates and switches to using a single stylesheet at /css/style.css.
This commit is contained in:
Ryan Smith
@@ -309,11 +309,18 @@ func handleHome(w http.ResponseWriter, r *http.Request) {
|
||||
// feed.
|
||||
func handleDocs(w http.ResponseWriter, r *http.Request) {
|
||||
tmpl := template.Must(template.ParseFS(templates, "templates/docs.html"))
|
||||
err := tmpl.Execute(w, nil)
|
||||
_ = tmpl.Execute(w, nil)
|
||||
}
|
||||
|
||||
// handleCSS serves a CSS stylesheet for styling HTML templates.
|
||||
func handleCSS(w http.ResponseWriter, r *http.Request) {
|
||||
w.Header().Set("Content-Type", "text/css")
|
||||
data, err := templates.ReadFile("templates/css/style.css")
|
||||
if err != nil {
|
||||
fmt.Fprintln(os.Stderr, "Failed to parse template 'docs.html':", err)
|
||||
fmt.Println(err)
|
||||
return
|
||||
}
|
||||
w.Write(data)
|
||||
}
|
||||
|
||||
// handleHTML returns the threat feed as a web page for viewing in a browser.
|
||||
|
||||
@@ -54,6 +54,7 @@ func Start(c *config.Config) {
|
||||
mux := http.NewServeMux()
|
||||
mux.HandleFunc("GET /", enforcePrivateIP(handleNotFound))
|
||||
mux.HandleFunc("GET /{$}", enforcePrivateIP(handleHome))
|
||||
mux.HandleFunc("GET /css/style.css", enforcePrivateIP(handleCSS))
|
||||
mux.HandleFunc("GET /docs", enforcePrivateIP(handleDocs))
|
||||
// Threat feed handlers.
|
||||
mux.HandleFunc("GET /webfeed", enforcePrivateIP(disableCache(handleHTML)))
|
||||
|
||||
734
internal/threatfeed/templates/css/style.css
Normal file
734
internal/threatfeed/templates/css/style.css
Normal file
@@ -0,0 +1,734 @@
|
||||
/* ====== */
|
||||
/* Layout */
|
||||
/* ====== */
|
||||
body {
|
||||
background-color: #0a0b0d;
|
||||
color: #f8f8f8;
|
||||
font-family: 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 0 0 2rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body.full-width {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 0 0 4rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: black;
|
||||
border-bottom: 1px solid #334;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0 auto;
|
||||
max-width: 56rem;
|
||||
width: 92vw;
|
||||
}
|
||||
|
||||
main.full-width {
|
||||
margin: unset;
|
||||
max-width: unset;
|
||||
width: unset;
|
||||
}
|
||||
|
||||
article {
|
||||
background-color: black;
|
||||
border: 1px solid #556;
|
||||
border-radius: 8px;
|
||||
box-shadow: 1.25rem 1.25rem 16px rgba(0, 0, 0, 0.5);
|
||||
margin-bottom: 2rem;
|
||||
padding: 3rem 5rem 3.5rem 5rem;
|
||||
}
|
||||
|
||||
article + article {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
/* === */
|
||||
/* Nav */
|
||||
/* === */
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
nav li {
|
||||
float: left;
|
||||
font-size: 1.075rem;
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
|
||||
nav li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a.logo {
|
||||
display: inline-block;
|
||||
margin: 0.6rem 1rem 0.375rem 1.5rem;
|
||||
padding: 0.3rem 0.5rem 0 0.5rem;
|
||||
position: relative;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
a.logo svg {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
a.logo::after {
|
||||
background-color: #556;
|
||||
bottom: 8px;
|
||||
content: '';
|
||||
height: 1px;
|
||||
left: 0.5rem;
|
||||
position: absolute;
|
||||
transform: scaleX(0);
|
||||
transform-origin: bottom center;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
width: 210px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
a.logo:hover::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
a.no-hover::after {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
nav .icon {
|
||||
margin-right: 0.45rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 7px;
|
||||
color: #889;
|
||||
display: block;
|
||||
margin: 0.6rem 0.5rem 0.5rem 0.5rem;
|
||||
padding: 0.5rem 0.7rem 0.5rem 0.7rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav li.selected a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
nav li.selected a:hover {
|
||||
color: #fb0;
|
||||
}
|
||||
|
||||
nav a:active,
|
||||
nav li.selected a:active {
|
||||
background-color: #112;
|
||||
}
|
||||
|
||||
a.logo:active,
|
||||
nav li.selected a:active {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav li.selected .icon
|
||||
{
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
nav a:hover .icon,
|
||||
nav a:active .icon
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ======== */
|
||||
/* Headings */
|
||||
/* ======== */
|
||||
h1.error {
|
||||
color: #d34;
|
||||
font-size: 1.95rem;
|
||||
margin: 0 0 1.5rem 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #b5a;
|
||||
font-size: 1.95rem;
|
||||
margin: 0 0 1.5rem 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #d9c;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
/* ========== */
|
||||
/* Paragraphs */
|
||||
/* ========== */
|
||||
p {
|
||||
font-size: 1.05rem;
|
||||
line-height: 1.9rem;
|
||||
margin-bottom: 1.75rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
p.no-results {
|
||||
color: #fb0;
|
||||
font-size: 1.2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p.error {
|
||||
color: #dde;
|
||||
font-family: 'Consolas', 'Menlo', 'Noto Sans Mono', 'Roboto Mono', 'Moncaco', 'DejaVu Sans Mono', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
/* ===== */
|
||||
/* Lists */
|
||||
/* ===== */
|
||||
main li + li {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
main p + ul {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
|
||||
main ul li::marker {
|
||||
color: #ed6;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
ul.no-bullets {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
ul.log-list {
|
||||
font-size: 1.1rem;
|
||||
line-height: 2.5rem;
|
||||
list-style-type: none;
|
||||
margin-bottom: 0.3rem;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Anchors */
|
||||
/* ======= */
|
||||
main a {
|
||||
color: #9cf;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 0.275rem;
|
||||
}
|
||||
|
||||
main a.endpoint {
|
||||
font-family: 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 1.05rem;
|
||||
text-underline-offset: 0.375rem;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
color: #fb0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
main a:active {
|
||||
background: #fb0;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
thead th a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
thead th a:hover {
|
||||
color: #fb0;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: .1875rem;
|
||||
}
|
||||
|
||||
thead th a:active {
|
||||
background: #fb0;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.log-list a {
|
||||
color: #9cf;
|
||||
text-decoration: none;
|
||||
text-underline-offset: 0.3rem;
|
||||
padding: 0.75rem 0.8rem;
|
||||
min-width: 100rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.log-list .icon {
|
||||
margin-right: 0.6rem;
|
||||
vertical-align: middle;
|
||||
padding-bottom: 0.3rem;
|
||||
color: #aab;
|
||||
}
|
||||
|
||||
.log-list a:hover {
|
||||
outline: 2px solid #7de;
|
||||
color: #fb0;
|
||||
}
|
||||
|
||||
.log-list a:hover .icon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.log-list a:active {
|
||||
background-color: #112;
|
||||
}
|
||||
|
||||
/* ===== */
|
||||
/* Badge */
|
||||
/* ===== */
|
||||
.badge {
|
||||
align-items: center;
|
||||
background-color: transparent;
|
||||
border: 1px solid #6fa;
|
||||
border-radius: 3px;
|
||||
color: #6fa;
|
||||
font-size: 0.75rem;
|
||||
font-weight: bold;
|
||||
line-height: 0;
|
||||
padding: 0.13rem 0.65rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* ==== */
|
||||
/* Code */
|
||||
/* ==== */
|
||||
pre {
|
||||
background-color: #050507;
|
||||
border: 1px solid #446;
|
||||
border-radius: 20px;
|
||||
color: #ed6;
|
||||
font-family: 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 0.875rem;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0.75rem;
|
||||
overflow-x: auto;
|
||||
overflow-wrap: break-word;
|
||||
padding: 1.5rem 1.2rem;
|
||||
text-wrap-mode: wrap;
|
||||
}
|
||||
|
||||
code {
|
||||
color: #6ef;
|
||||
font-family: 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 1.05rem;
|
||||
padding: 0 0.2rem;
|
||||
text-wrap: wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Figures */
|
||||
/* ======= */
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-size: 1rem;
|
||||
line-height: 1rem;
|
||||
margin-bottom: 0;
|
||||
margin-top: 3rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* ====== */
|
||||
/* Tables */
|
||||
/* ====== */
|
||||
table.api-table,
|
||||
table.docs-table {
|
||||
align-items: center;
|
||||
border: none;
|
||||
margin-top: 1.5rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.api-table th,
|
||||
.docs-table th {
|
||||
background: transparent;
|
||||
color: #ddd;
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
padding: 0.3rem 1rem 0.3rem 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.api-table tbody.align-top,
|
||||
.docs-table tbody.align-top {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.api-table td,
|
||||
.docs-table td {
|
||||
background: transparent;
|
||||
border-bottom: none;
|
||||
color: #e0e0e0;
|
||||
padding: 0.75rem 1rem 0.75rem 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table.webfeed,
|
||||
table.logs {
|
||||
background: black;
|
||||
border-bottom: 1px solid #8e6eff;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
margin: 0 auto;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.webfeed thead,
|
||||
.logs thead {
|
||||
background: black;
|
||||
color: #ddd;
|
||||
font-size: 0.95rem;
|
||||
position: sticky;
|
||||
text-align: left;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.webfeed th,
|
||||
.logs th {
|
||||
border-bottom: 1px solid #8e6eff;
|
||||
padding: 0.7rem 1.25rem;
|
||||
}
|
||||
|
||||
.logs th {
|
||||
padding: 0.7rem 1rem;
|
||||
}
|
||||
|
||||
.webfeed td,
|
||||
.logs td {
|
||||
font-family: 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 1.1rem;
|
||||
padding: 0.6rem 1.25rem;
|
||||
}
|
||||
|
||||
.logs td {
|
||||
font-size: 1rem;
|
||||
padding: 0.1rem 1rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.webfeed tbody tr:hover,
|
||||
.logs tbody tr:hover {
|
||||
background-color: #1a1d22;
|
||||
}
|
||||
|
||||
/* Sort Arrows */
|
||||
.sort-arrow {
|
||||
font-size: 0.8rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.asc::after {
|
||||
color: #8e6eff;
|
||||
content: "▲";
|
||||
}
|
||||
|
||||
.desc::after {
|
||||
color: #8e6eff;
|
||||
content: "▼";
|
||||
}
|
||||
|
||||
/* ======== */
|
||||
/* Web Feed */
|
||||
/* ======== */
|
||||
/* IP */
|
||||
.webfeed tbody td:nth-child(1) {
|
||||
color: #48e3ff;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.webfeed tbody tr:nth-child(odd) td:nth-child(1) {
|
||||
color: #aaffff;
|
||||
}
|
||||
|
||||
/* Added */
|
||||
.webfeed tbody td:nth-child(2) {
|
||||
color: #8b949e;
|
||||
}
|
||||
.webfeed tbody tr:nth-child(odd) td:nth-child(2) {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Last Seen */
|
||||
.webfeed tbody td:nth-child(3) {
|
||||
color: #b8c1ff;
|
||||
}
|
||||
.webfeed tbody tr:nth-child(odd) td:nth-child(3) {
|
||||
color: #c8e1ff;
|
||||
}
|
||||
|
||||
/* Threat Score */
|
||||
.webfeed tbody td:nth-child(4) {
|
||||
color: #ffff55;
|
||||
text-align: right
|
||||
}
|
||||
.webfeed tbody tr:nth-child(odd) td:nth-child(4) {
|
||||
color: #eedc82;
|
||||
}
|
||||
|
||||
/* ======== */
|
||||
/* SSH Logs */
|
||||
/* ======== */
|
||||
/* Time */
|
||||
.logs-ssh tbody td:nth-child(1) {
|
||||
color: #8b949e;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.logs-ssh tbody tr:nth-child(odd) td:nth-child(1) {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Source IP */
|
||||
.logs-ssh tbody td:nth-child(2) {
|
||||
color: #48e3ff;
|
||||
}
|
||||
.logs-ssh tbody tr:nth-child(odd) td:nth-child(2) {
|
||||
color: #aaffff;
|
||||
}
|
||||
|
||||
/* Username */
|
||||
.logs-ssh tbody td:nth-child(3) {
|
||||
color: #b8c1ff;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.logs-ssh tbody tr:nth-child(odd) td:nth-child(3) {
|
||||
color: #c8e1ff;
|
||||
}
|
||||
|
||||
/* Password */
|
||||
.logs-ssh tbody td:nth-child(4) {
|
||||
color: #ffff55;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.logs-ssh tbody tr:nth-child(odd) td:nth-child(4) {
|
||||
color: #eedc82;
|
||||
}
|
||||
|
||||
/* ========= */
|
||||
/* HTTP Logs */
|
||||
/* ========= */
|
||||
/* Time */
|
||||
.logs-http tbody td:nth-child(1) {
|
||||
color: #8b949e;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.logs-http tbody tr:nth-child(odd) td:nth-child(1) {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Source IP */
|
||||
.logs-http tbody td:nth-child(2) {
|
||||
color: #48e3ff;
|
||||
}
|
||||
.logs-http tbody tr:nth-child(odd) td:nth-child(2) {
|
||||
color: #aaffff;
|
||||
}
|
||||
|
||||
/* Method */
|
||||
.logs-http tbody td:nth-child(3) {
|
||||
color: #b8c1ff;
|
||||
}
|
||||
.logs-http tbody tr:nth-child(odd) td:nth-child(3) {
|
||||
color: #c8e1ff;
|
||||
}
|
||||
|
||||
/* Path */
|
||||
.logs-http tbody td:nth-child(4) {
|
||||
color: #ffff55;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.logs-http tbody tr:nth-child(odd) td:nth-child(4) {
|
||||
color: #eedc82;
|
||||
}
|
||||
|
||||
/* ============= */
|
||||
/* Media Queries */
|
||||
/* ============= */
|
||||
@media (max-width: 920px) {
|
||||
.webfeed td,
|
||||
.webfeed th {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
a.logo {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
li.logo {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 5px;
|
||||
margin: 0.325rem 0.2rem 0.325rem 1rem;
|
||||
padding: 0.3rem 0.5rem 0.3rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
body {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
background: black;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin-bottom: 1rem;
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
.api-table {
|
||||
margin-bottom: -1rem;
|
||||
}
|
||||
|
||||
.api-table > thead th {
|
||||
display: none;
|
||||
}
|
||||
.api-table > tbody td {
|
||||
display: block;
|
||||
padding: 0.3rem 0;
|
||||
}
|
||||
|
||||
.api-table tr > td:last-of-type {
|
||||
margin-bottom: 1.75rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.api-table [row-header] {
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.api-table [row-header]:before {
|
||||
content: attr(row-header);
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
padding-right: 1rem;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
width: 6.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.webfeed td,
|
||||
.webfeed th {
|
||||
padding: 0.75rem 1rem;
|
||||
}
|
||||
|
||||
.webfeed tbody td:nth-child(4) {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
article {
|
||||
padding: 3rem 2rem;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.webfeed td,
|
||||
.webfeed th {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav li {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.webfeed td,
|
||||
.webfeed th {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.logs td,
|
||||
.logs th {
|
||||
font-size: .875rem;
|
||||
padding: 0.1rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 550px) {
|
||||
.webfeed td,
|
||||
.webfeed th {
|
||||
font-size: 0.9375rem;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 450px) {
|
||||
.webfeed td,
|
||||
.webfeed th {
|
||||
font-size: .875rem;
|
||||
padding: 0.3rem;
|
||||
}
|
||||
|
||||
.webfeed td:nth-child(2),
|
||||
.webfeed th:nth-child(2) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logs-http td:nth-child(3),
|
||||
.logs-http th:nth-child(3) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logs td,
|
||||
.logs th {
|
||||
font-size: .775rem;
|
||||
padding: 0.1rem;
|
||||
}
|
||||
}
|
||||
@@ -4,408 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Deceptifeed</title>
|
||||
<style>
|
||||
/* ====== */
|
||||
/* Layout */
|
||||
/* ====== */
|
||||
body {
|
||||
background-color: #09090B;
|
||||
color: #f8f8f8;
|
||||
font-family: 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 0 0 4rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 0 0 4rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: black;
|
||||
border-bottom: 1px solid #38384d;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0 auto;
|
||||
max-width: 56rem;
|
||||
width: 92vw;
|
||||
}
|
||||
|
||||
article {
|
||||
background-color: black;
|
||||
border: 1px solid #58586d;
|
||||
box-shadow: 1.25rem 1.25rem 16px rgba(0, 0, 0, 0.5);
|
||||
margin-bottom: 4rem;
|
||||
padding: 3rem 5rem 3.5rem 5rem;
|
||||
}
|
||||
|
||||
/* === */
|
||||
/* Nav */
|
||||
/* === */
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0.5rem 0 0 0;
|
||||
}
|
||||
|
||||
nav li {
|
||||
float: left;
|
||||
font-size: 1.075rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
nav li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a.logo {
|
||||
display: inline-block;
|
||||
margin: 0.5rem 1rem 0.375rem 1.5rem;
|
||||
padding: 0.25rem 0.5rem 0 0.5rem;
|
||||
position: relative;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
a.logo svg {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
a.logo::after {
|
||||
background-color: #556;
|
||||
bottom: 8px;
|
||||
content: '';
|
||||
height: 1px;
|
||||
left: 0.5rem;
|
||||
position: absolute;
|
||||
transform: scaleX(0);
|
||||
transform-origin: bottom center;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
width: 210px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
a.logo:hover::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
nav .icon {
|
||||
margin-right: 0.45rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 7px;
|
||||
color: #889;
|
||||
display: block;
|
||||
margin: 0.6rem 0.5rem 0.5rem 0.5rem;
|
||||
padding: 0.5rem 0.7rem 0.5rem 0.7rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav li.selected a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
nav li.selected a:hover {
|
||||
color: #fb0;
|
||||
}
|
||||
|
||||
nav a:active,
|
||||
nav li.selected a:active {
|
||||
background-color: #112;
|
||||
}
|
||||
|
||||
a.logo:active {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav li.selected .icon
|
||||
{
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
nav a:hover .icon,
|
||||
nav a:active .icon
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ======== */
|
||||
/* Headings */
|
||||
/* ======== */
|
||||
h2 {
|
||||
color: #b5a;
|
||||
font-size: 1.95rem;
|
||||
margin: 0 0 1.5rem 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #d9c;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
/* ========== */
|
||||
/* Paragraphs */
|
||||
/* ========== */
|
||||
p {
|
||||
font-size: 1.05rem;
|
||||
line-height: 1.9rem;
|
||||
margin-bottom: 1.75rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
/* ===== */
|
||||
/* Badge */
|
||||
/* ===== */
|
||||
.badge {
|
||||
align-items: center;
|
||||
background-color: transparent;
|
||||
border: 1px solid #6fa;
|
||||
border-radius: 3px;
|
||||
color: #6fa;
|
||||
font-size: 0.75rem;
|
||||
font-weight: bold;
|
||||
line-height: 0;
|
||||
padding: 0.13rem 0.65rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* ==== */
|
||||
/* Code */
|
||||
/* ==== */
|
||||
pre {
|
||||
background-color: #050507;
|
||||
border: 1px solid #446;
|
||||
border-radius: 20px;
|
||||
color: #ed6;
|
||||
font-family: 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 0.875rem;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0.75rem;
|
||||
overflow-x: auto;
|
||||
overflow-wrap: break-word;
|
||||
padding: 1.5rem 1.2rem;
|
||||
text-wrap-mode: wrap;
|
||||
}
|
||||
|
||||
code {
|
||||
color: #6ef;
|
||||
font-family: 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 1.05rem;
|
||||
padding: 0 0.2rem;
|
||||
text-wrap: wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Figures */
|
||||
/* ======= */
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-size: 1rem;
|
||||
line-height: 1rem;
|
||||
margin-bottom: 0;
|
||||
margin-top: 3rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* ===== */
|
||||
/* Lists */
|
||||
/* ===== */
|
||||
main li + li {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
main p + ul {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
|
||||
main ul li::marker {
|
||||
font-size: 0.9rem;
|
||||
color: #ed6;
|
||||
}
|
||||
|
||||
ul.no-bullets {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* ====== */
|
||||
/* Tables */
|
||||
/* ====== */
|
||||
table {
|
||||
align-items: center;
|
||||
border: none;
|
||||
margin-top: 1.5rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
th {
|
||||
background: transparent;
|
||||
color: #ddd;
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
padding: 0.3rem 1rem 0.3rem 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
tbody.align-top {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td {
|
||||
background: transparent;
|
||||
border-bottom: none;
|
||||
color: #e0e0e0;
|
||||
padding: 0.75rem 1rem 0.75rem 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Anchors */
|
||||
/* ======= */
|
||||
main a {
|
||||
color: #9cf;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 0.275rem;
|
||||
}
|
||||
|
||||
main a.endpoint {
|
||||
font-family: 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 1.05rem;
|
||||
text-underline-offset: 0.375rem;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
color: #fb0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
main a:active {
|
||||
background: #fb0;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* ============= */
|
||||
/* Media Queries */
|
||||
/* ============= */
|
||||
@media (max-width: 900px) {
|
||||
a.logo {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
li.logo {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 5px;
|
||||
margin: 0.325rem 0.2rem 0.325rem 1rem;
|
||||
padding: 0.3rem 0.5rem 0.3rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
body {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
background: black;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin-bottom: 1rem;
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
article:last-of-type {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 4rem;
|
||||
}
|
||||
|
||||
.api-table {
|
||||
margin-bottom: -1rem;
|
||||
}
|
||||
|
||||
.api-table > thead th {
|
||||
display: none;
|
||||
}
|
||||
.api-table > tbody td {
|
||||
display: block;
|
||||
padding: 0.3rem 0;
|
||||
}
|
||||
|
||||
.api-table tr > td:last-of-type {
|
||||
margin-bottom: 1.75rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.api-table [row-header] {
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.api-table [row-header]:before {
|
||||
content: attr(row-header);
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
padding-right: 1rem;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
width: 6.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
article {
|
||||
padding: 3rem 2rem;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav li {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -497,7 +96,7 @@
|
||||
<h2>Query Parameters</h2>
|
||||
<p>All endpoints support optional query parameters to customize how the threat feed is formatted.
|
||||
The following query parameters are supported:</p>
|
||||
<table>
|
||||
<table class="docs-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Parameter</th>
|
||||
|
||||
@@ -4,272 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Deceptifeed</title>
|
||||
<style>
|
||||
/* ====== */
|
||||
/* Layout */
|
||||
/* ====== */
|
||||
body {
|
||||
background-color: #09090B;
|
||||
color: #f8f8f8;
|
||||
font-family: 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 0 0 4rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 0 0 4rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: black;
|
||||
border-bottom: 1px solid #38384d;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0 auto;
|
||||
max-width: 56rem;
|
||||
width: 92vw;
|
||||
}
|
||||
|
||||
article {
|
||||
background-color: black;
|
||||
border: 1px solid #58586d;
|
||||
box-shadow: 1.25rem 1.25rem 16px rgba(0, 0, 0, 0.5);
|
||||
margin-bottom: 2rem;
|
||||
padding: 3rem 5rem 3.5rem 5rem;
|
||||
}
|
||||
|
||||
/* === */
|
||||
/* Nav */
|
||||
/* === */
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0.5rem 0 0 0;
|
||||
}
|
||||
|
||||
nav li {
|
||||
float: left;
|
||||
font-size: 1.075rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
nav li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a.logo {
|
||||
display: inline-block;
|
||||
margin: 0.5rem 1rem 0.375rem 1.5rem;
|
||||
padding: 0.25rem 0.5rem 0 0.5rem;
|
||||
position: relative;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
a.logo svg {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
a.logo::after {
|
||||
background-color: #556;
|
||||
bottom: 8px;
|
||||
content: '';
|
||||
height: 1px;
|
||||
left: 0.5rem;
|
||||
position: absolute;
|
||||
transform: scaleX(0);
|
||||
transform-origin: bottom center;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
width: 210px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
a.logo:hover::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
a.logo:focus::after {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
a.no-hover::after {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
nav .icon {
|
||||
margin-right: 0.45rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 7px;
|
||||
color: #889;
|
||||
display: block;
|
||||
margin: 0.6rem 0.5rem 0.5rem 0.5rem;
|
||||
padding: 0.5rem 0.7rem 0.5rem 0.7rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav li.selected a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
nav li.selected a:hover {
|
||||
color: #fb0;
|
||||
}
|
||||
|
||||
nav a:active,
|
||||
nav li.selected a:active {
|
||||
background-color: #112;
|
||||
}
|
||||
|
||||
a.logo:active,
|
||||
nav li.selected a:active {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav li.selected .icon
|
||||
{
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
nav a:hover .icon,
|
||||
nav a:active .icon
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ======== */
|
||||
/* Headings */
|
||||
/* ======== */
|
||||
h2 {
|
||||
color: #b5a;
|
||||
font-size: 1.95rem;
|
||||
margin: 0 0 1.5rem 0;
|
||||
}
|
||||
|
||||
/* ========== */
|
||||
/* Paragraphs */
|
||||
/* ========== */
|
||||
p {
|
||||
font-size: 1.05rem;
|
||||
line-height: 1.9rem;
|
||||
margin-bottom: 1.75rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
/* ===== */
|
||||
/* Lists */
|
||||
/* ===== */
|
||||
main li + li {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
main p + ul {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
|
||||
main ul li::marker {
|
||||
color: #ed6;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Anchors */
|
||||
/* ======= */
|
||||
main a {
|
||||
color: #9cf;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 0.275rem;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
color: #fb0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
main a:active {
|
||||
background: #fb0;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* ============= */
|
||||
/* Media Queries */
|
||||
/* ============= */
|
||||
@media (max-width: 900px) {
|
||||
a.logo {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
li.logo {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 5px;
|
||||
margin: 0.325rem 0.2rem 0.325rem 1rem;
|
||||
padding: 0.3rem 0.5rem 0.3rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
body {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
background: black;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin-bottom: 1rem;
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
article:last-of-type {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav li {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
article {
|
||||
padding: 3rem 2rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
||||
@@ -4,209 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Deceptifeed</title>
|
||||
<style>
|
||||
/* ====== */
|
||||
/* Layout */
|
||||
/* ====== */
|
||||
body {
|
||||
background-color: #09090B;
|
||||
color: #f8f8f8;
|
||||
font-family: 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 0 0 4rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 0 0 4rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: black;
|
||||
border-bottom: 1px solid #38384d;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0 auto;
|
||||
max-width: 56rem;
|
||||
width: 92vw;
|
||||
}
|
||||
|
||||
article {
|
||||
background-color: black;
|
||||
border: 1px solid #58586d;
|
||||
box-shadow: 1.25rem 1.25rem 16px rgba(0, 0, 0, 0.5);
|
||||
margin-bottom: 2rem;
|
||||
padding: 3rem 5rem 3.5rem 5rem;
|
||||
}
|
||||
|
||||
/* === */
|
||||
/* Nav */
|
||||
/* === */
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0.5rem 0 0 0;
|
||||
}
|
||||
|
||||
nav li {
|
||||
float: left;
|
||||
font-size: 1.075rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
nav li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a.logo {
|
||||
display: inline-block;
|
||||
margin: 0.5rem 1rem 0.375rem 1.5rem;
|
||||
padding: 0.25rem 0.5rem 0 0.5rem;
|
||||
position: relative;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
a.logo svg {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
a.logo::after {
|
||||
background-color: #556;
|
||||
bottom: 8px;
|
||||
content: '';
|
||||
height: 1px;
|
||||
left: 0.5rem;
|
||||
position: absolute;
|
||||
transform: scaleX(0);
|
||||
transform-origin: bottom center;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
width: 210px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
a.logo:hover::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
nav .icon {
|
||||
margin-right: 0.45rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 7px;
|
||||
color: #889;
|
||||
display: block;
|
||||
margin: 0.6rem 0.5rem 0.5rem 0.5rem;
|
||||
padding: 0.5rem 0.7rem 0.5rem 0.7rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav li.selected a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
nav li.selected a:hover {
|
||||
color: #fb0;
|
||||
}
|
||||
|
||||
nav a:active,
|
||||
nav li.selected a:active {
|
||||
background-color: #112;
|
||||
}
|
||||
|
||||
a.logo:active {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav li.selected .icon
|
||||
{
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
nav a:hover .icon,
|
||||
nav a:active .icon
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Content */
|
||||
/* ======= */
|
||||
h1 {
|
||||
color: #d34;
|
||||
font-size: 1.95rem;
|
||||
margin: 0 0 1.5rem 0;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #dde;
|
||||
font-family: 'Consolas', 'Menlo', 'Noto Sans Mono', 'Roboto Mono', 'Moncaco', 'DejaVu Sans Mono', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
/* ============= */
|
||||
/* Media Queries */
|
||||
/* ============= */
|
||||
@media (max-width: 900px) {
|
||||
a.logo {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
li.logo {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 5px;
|
||||
margin: 0.325rem 0.2rem 0.325rem 1rem;
|
||||
padding: 0.3rem 0.5rem 0.3rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
body {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
background: black;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin-bottom: 1rem;
|
||||
padding: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav li {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -246,9 +44,9 @@
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<h1>Error opening log files</h1>
|
||||
<h1 class="error">Error opening log files</h1>
|
||||
{{if .}}
|
||||
<p>{{.}}</p>
|
||||
<p class="error">{{.}}</p>
|
||||
{{end}}
|
||||
</article>
|
||||
</main>
|
||||
|
||||
@@ -4,297 +4,9 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Deceptifeed</title>
|
||||
<style>
|
||||
/* ====== */
|
||||
/* Layout */
|
||||
/* ====== */
|
||||
body {
|
||||
background: black;
|
||||
color: #f8f8f8;
|
||||
font-family: 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 0 0 2rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 0 0 3rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: black;
|
||||
border-bottom: 1px solid #38384d;
|
||||
}
|
||||
|
||||
/* === */
|
||||
/* Nav */
|
||||
/* === */
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0.5rem 0 0 0;
|
||||
}
|
||||
|
||||
nav li {
|
||||
float: left;
|
||||
font-size: 1.075rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
nav li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a.logo {
|
||||
display: inline-block;
|
||||
margin: 0.5rem 1rem 0.375rem 1.5rem;
|
||||
padding: 0.25rem 0.5rem 0 0.5rem;
|
||||
position: relative;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
a.logo svg {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
a.logo::after {
|
||||
background-color: #556;
|
||||
bottom: 8px;
|
||||
content: '';
|
||||
height: 1px;
|
||||
left: 0.5rem;
|
||||
position: absolute;
|
||||
transform: scaleX(0);
|
||||
transform-origin: bottom center;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
width: 210px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
a.logo:hover::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
nav .icon {
|
||||
margin-right: 0.45rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 7px;
|
||||
color: #889;
|
||||
display: block;
|
||||
margin: 0.6rem 0.5rem 0.5rem 0.5rem;
|
||||
padding: 0.5rem 0.7rem 0.5rem 0.7rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav li.selected a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
nav li.selected a:hover {
|
||||
color: #fb0;
|
||||
}
|
||||
|
||||
nav a:active,
|
||||
nav li.selected a:active {
|
||||
background-color: #112;
|
||||
}
|
||||
|
||||
a.logo:active {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav li.selected .icon
|
||||
{
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
nav a:hover .icon,
|
||||
nav a:active .icon
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ====== */
|
||||
/* Tables */
|
||||
/* ====== */
|
||||
table {
|
||||
background: black;
|
||||
border-bottom: 1px solid #8e6eff;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
margin: 0 auto;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
thead {
|
||||
background: black;
|
||||
color: #ddd;
|
||||
font-size: 0.95rem;
|
||||
position: sticky;
|
||||
text-align: left;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
th {
|
||||
border-bottom: 1px solid #8e6eff;
|
||||
padding: 0.7rem 1rem;
|
||||
}
|
||||
|
||||
td {
|
||||
font-family: 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 1rem;
|
||||
padding: 0.1rem 1rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
tbody tr:hover {
|
||||
background-color: #1a1d22;
|
||||
}
|
||||
|
||||
/* Time */
|
||||
tbody td:nth-child(1) {
|
||||
color: #8b949e;
|
||||
white-space: nowrap;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(1) {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Source IP */
|
||||
tbody td:nth-child(2) {
|
||||
color: #48e3ff;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(2) {
|
||||
color: #aaffff;
|
||||
}
|
||||
|
||||
/* Method */
|
||||
tbody td:nth-child(3) {
|
||||
color: #b8c1ff;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(3) {
|
||||
color: #c8e1ff;
|
||||
}
|
||||
|
||||
/* Path */
|
||||
tbody td:nth-child(4) {
|
||||
color: #ffff55;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(4) {
|
||||
color: #eedc82;
|
||||
}
|
||||
|
||||
/* Sort arrows */
|
||||
.sort-arrow {
|
||||
font-size: 0.8rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.asc::after {
|
||||
color: #8e6eff;
|
||||
content: "▲";
|
||||
}
|
||||
|
||||
.desc::after {
|
||||
color: #8e6eff;
|
||||
content: "▼";
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Anchors */
|
||||
/* ======= */
|
||||
main a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
color: #fb0;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: .1875rem;
|
||||
}
|
||||
|
||||
main a:active {
|
||||
background: #fb0;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Content */
|
||||
/* ======= */
|
||||
p.no-results {
|
||||
color: #fb0;
|
||||
font-size: 1.2rem;
|
||||
padding-top: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ============= */
|
||||
/* Media Queries */
|
||||
/* ============= */
|
||||
@media (max-width: 900px) {
|
||||
a.logo {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
li.logo {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 5px;
|
||||
margin: 0.325rem 0.2rem 0.325rem 1rem;
|
||||
padding: 0.3rem 0.5rem 0.3rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav li {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
font-size: .875rem;
|
||||
padding: 0.1rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 450px) {
|
||||
td,
|
||||
th {
|
||||
font-size: .775rem;
|
||||
padding: 0.1rem;
|
||||
}
|
||||
|
||||
td:nth-child(3),
|
||||
th:nth-child(3) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<body class="full-width">
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
@@ -330,9 +42,9 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<main class="full-width">
|
||||
{{if .}}
|
||||
<table>
|
||||
<table class="logs logs-http">
|
||||
<thead>
|
||||
<tr><th>Time<th>Source IP<th>Method<th>Path</tr>
|
||||
</thead>
|
||||
|
||||
@@ -4,290 +4,9 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Deceptifeed</title>
|
||||
<style>
|
||||
/* ====== */
|
||||
/* Layout */
|
||||
/* ====== */
|
||||
body {
|
||||
background: black;
|
||||
color: #f8f8f8;
|
||||
font-family: 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 0 0 2rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 0 0 3rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: black;
|
||||
border-bottom: 1px solid #38384d;
|
||||
}
|
||||
|
||||
/* === */
|
||||
/* Nav */
|
||||
/* === */
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0.5rem 0 0 0;
|
||||
}
|
||||
|
||||
nav li {
|
||||
float: left;
|
||||
font-size: 1.075rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
nav li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a.logo {
|
||||
display: inline-block;
|
||||
margin: 0.5rem 1rem 0.375rem 1.5rem;
|
||||
padding: 0.25rem 0.5rem 0 0.5rem;
|
||||
position: relative;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
a.logo svg {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
a.logo::after {
|
||||
background-color: #556;
|
||||
bottom: 8px;
|
||||
content: '';
|
||||
height: 1px;
|
||||
left: 0.5rem;
|
||||
position: absolute;
|
||||
transform: scaleX(0);
|
||||
transform-origin: bottom center;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
width: 210px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
a.logo:hover::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
nav .icon {
|
||||
margin-right: 0.45rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 7px;
|
||||
color: #889;
|
||||
display: block;
|
||||
margin: 0.6rem 0.5rem 0.5rem 0.5rem;
|
||||
padding: 0.5rem 0.7rem 0.5rem 0.7rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav li.selected a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
nav li.selected a:hover {
|
||||
color: #fb0;
|
||||
}
|
||||
|
||||
nav a:active,
|
||||
nav li.selected a:active {
|
||||
background-color: #112;
|
||||
}
|
||||
|
||||
a.logo:active {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav li.selected .icon
|
||||
{
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
nav a:hover .icon,
|
||||
nav a:active .icon
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ====== */
|
||||
/* Tables */
|
||||
/* ====== */
|
||||
table {
|
||||
background: black;
|
||||
border-bottom: 1px solid #8e6eff;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
margin: 0 auto;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
thead {
|
||||
background: black;
|
||||
color: #ddd;
|
||||
font-size: 0.95rem;
|
||||
position: sticky;
|
||||
text-align: left;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
th {
|
||||
border-bottom: 1px solid #8e6eff;
|
||||
padding: 0.7rem 1rem;
|
||||
}
|
||||
|
||||
td {
|
||||
font-family: 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 1rem;
|
||||
padding: 0.1rem 1rem;
|
||||
}
|
||||
|
||||
tbody tr:hover {
|
||||
background-color: #1a1d22;
|
||||
}
|
||||
|
||||
/* Time */
|
||||
tbody td:nth-child(1) {
|
||||
color: #8b949e;
|
||||
white-space: nowrap;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(1) {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Source IP */
|
||||
tbody td:nth-child(2) {
|
||||
color: #48e3ff;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(2) {
|
||||
color: #aaffff;
|
||||
}
|
||||
|
||||
/* Username */
|
||||
tbody td:nth-child(3) {
|
||||
color: #b8c1ff;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(3) {
|
||||
color: #c8e1ff;
|
||||
}
|
||||
|
||||
/* Password */
|
||||
tbody td:nth-child(4) {
|
||||
color: #ffff55;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(4) {
|
||||
color: #eedc82;
|
||||
}
|
||||
|
||||
/* Sort arrows */
|
||||
.sort-arrow {
|
||||
font-size: 0.8rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.asc::after {
|
||||
color: #8e6eff;
|
||||
content: "▲";
|
||||
}
|
||||
|
||||
.desc::after {
|
||||
color: #8e6eff;
|
||||
content: "▼";
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Anchors */
|
||||
/* ======= */
|
||||
main a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
color: #fb0;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: .1875rem;
|
||||
}
|
||||
|
||||
main a:active {
|
||||
background: #fb0;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Content */
|
||||
/* ======= */
|
||||
p.no-results {
|
||||
color: #fb0;
|
||||
font-size: 1.2rem;
|
||||
padding-top: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ============= */
|
||||
/* Media Queries */
|
||||
/* ============= */
|
||||
@media (max-width: 900px) {
|
||||
a.logo {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
li.logo {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 5px;
|
||||
margin: 0.325rem 0.2rem 0.325rem 1rem;
|
||||
padding: 0.3rem 0.5rem 0.3rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav li {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
font-size: .875rem;
|
||||
padding: 0.1rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 450px) {
|
||||
td,
|
||||
th {
|
||||
font-size: .775rem;
|
||||
padding: 0.1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<body class="full-width">
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
@@ -323,9 +42,9 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<main class="full-width">
|
||||
{{if .}}
|
||||
<table>
|
||||
<table class="logs logs-ssh">
|
||||
<thead>
|
||||
<tr><th>Time<th>Source IP<th>Username<th>Password</tr>
|
||||
</thead>
|
||||
|
||||
@@ -4,253 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Deceptifeed</title>
|
||||
<style>
|
||||
/* ====== */
|
||||
/* Layout */
|
||||
/* ====== */
|
||||
body {
|
||||
background-color: #09090B;
|
||||
color: #f8f8f8;
|
||||
font-family: 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 0 0 4rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 0 0 4rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: black;
|
||||
border-bottom: 1px solid #38384d;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0 auto;
|
||||
max-width: 56rem;
|
||||
width: 92vw;
|
||||
}
|
||||
|
||||
article {
|
||||
background-color: black;
|
||||
border: 1px solid #58586d;
|
||||
box-shadow: 1.25rem 1.25rem 16px rgba(0, 0, 0, 0.5);
|
||||
margin-bottom: 2rem;
|
||||
padding: 3rem 5rem 3.5rem 5rem;
|
||||
}
|
||||
|
||||
/* === */
|
||||
/* Nav */
|
||||
/* === */
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0.5rem 0 0 0;
|
||||
}
|
||||
|
||||
nav li {
|
||||
float: left;
|
||||
font-size: 1.075rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
nav li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a.logo {
|
||||
display: inline-block;
|
||||
margin: 0.5rem 1rem 0.375rem 1.5rem;
|
||||
padding: 0.25rem 0.5rem 0 0.5rem;
|
||||
position: relative;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
a.logo svg {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
a.logo::after {
|
||||
background-color: #556;
|
||||
bottom: 8px;
|
||||
content: '';
|
||||
height: 1px;
|
||||
left: 0.5rem;
|
||||
position: absolute;
|
||||
transform: scaleX(0);
|
||||
transform-origin: bottom center;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
width: 210px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
a.logo:hover::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
nav .icon {
|
||||
margin-right: 0.45rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 7px;
|
||||
color: #889;
|
||||
display: block;
|
||||
margin: 0.6rem 0.5rem 0.5rem 0.5rem;
|
||||
padding: 0.5rem 0.7rem 0.5rem 0.7rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav li.selected a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
nav li.selected a:hover {
|
||||
color: #fb0;
|
||||
}
|
||||
|
||||
nav a:active,
|
||||
nav li.selected a:active {
|
||||
background-color: #112;
|
||||
}
|
||||
|
||||
a.logo:active {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav li.selected .icon
|
||||
{
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
nav a:hover .icon,
|
||||
nav a:active .icon
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ======== */
|
||||
/* Headings */
|
||||
/* ======== */
|
||||
h2 {
|
||||
color: #b5a;
|
||||
font-size: 1.95rem;
|
||||
margin: 0 0 1.5rem 0;
|
||||
}
|
||||
|
||||
/* ===== */
|
||||
/* Lists */
|
||||
/* ===== */
|
||||
main li + li {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
line-height: 2.5rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
ul.no-bullets {
|
||||
font-size: 1.1rem;
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Anchors */
|
||||
/* ======= */
|
||||
main a {
|
||||
color: #9cf;
|
||||
text-decoration: none;
|
||||
text-underline-offset: 0.3rem;
|
||||
padding: 0.75rem 0.8rem;
|
||||
min-width: 100rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
main .icon {
|
||||
margin-right: 0.6rem;
|
||||
vertical-align: middle;
|
||||
padding-bottom: 0.3rem;
|
||||
color: #aab;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
outline: 2px solid #7de;
|
||||
color: #fb0;
|
||||
}
|
||||
|
||||
main a:hover .icon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
main a:active {
|
||||
background-color: #112;
|
||||
}
|
||||
|
||||
/* ============= */
|
||||
/* Media Queries */
|
||||
/* ============= */
|
||||
@media (max-width: 900px) {
|
||||
a.logo {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
li.logo {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 5px;
|
||||
margin: 0.325rem 0.2rem 0.325rem 1rem;
|
||||
padding: 0.3rem 0.5rem 0.3rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
body {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
background: black;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin-bottom: 1rem;
|
||||
padding: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav li {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -291,11 +45,10 @@
|
||||
<main>
|
||||
<article>
|
||||
<h2>Honeypot Logs</h2>
|
||||
<ul class="no-bullets">
|
||||
<ul class="log-list">
|
||||
<li>
|
||||
<a href="/logs/ssh">
|
||||
<svg class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28" height="28" fill="currentColor">
|
||||
<!-- <path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12 15V17H18V15H12ZM8.41421 12L5.58579 14.8284L7 16.2426L11.2426 12L7 7.75736L5.58579 9.17157L8.41421 12Z"></path> -->
|
||||
<path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM4 5V19H20V5H4ZM12 15H18V17H12V15ZM8.66685 12L5.83842 9.17157L7.25264 7.75736L11.4953 12L7.25264 16.2426L5.83842 14.8284L8.66685 12Z"></path>
|
||||
</svg>SSH Logs
|
||||
</a>
|
||||
@@ -309,22 +62,6 @@
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
<!-- <h2>SSH Honeypot Data</h2>
|
||||
<ul class="no-bullets">
|
||||
<li><a href="/logs/ssh">Logs</a></li>
|
||||
<li><a href="/logs/ssh/users">Unique Usernames</a></li>
|
||||
<li><a href="/logs/ssh/passwords">Unique Passwords</a></li>
|
||||
<li><a href="/logs/ssh/clients">Unique Clients</a></li>
|
||||
</ul>
|
||||
<h2>HTTP Honeypot Data</h2>
|
||||
<ul class="no-bullets">
|
||||
<li><a href="/logs/http">Logs</a></li>
|
||||
<li><a href="/logs/http/paths">Unique Paths</a></li>
|
||||
<li><a href="/logs/http/queries">Unique Queries</a></li>
|
||||
<li><a href="/logs/http/methods">Unique Methods</a></li>
|
||||
<li><a href="/logs/http/hosts">Unique Host (Header)</a></li>
|
||||
<li><a href="/logs/http/useragents">Unique User Agents</a></li>
|
||||
</ul> -->
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@@ -4,325 +4,9 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Deceptifeed</title>
|
||||
<style>
|
||||
/* ====== */
|
||||
/* Layout */
|
||||
/* ====== */
|
||||
body {
|
||||
background: black;
|
||||
color: #f8f8f8;
|
||||
font-family: 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 0 0 2rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 0 0 4rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: black;
|
||||
border-bottom: 1px solid #38384d;
|
||||
}
|
||||
|
||||
/* === */
|
||||
/* Nav */
|
||||
/* === */
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0.5rem 0 0 0;
|
||||
}
|
||||
|
||||
nav li {
|
||||
float: left;
|
||||
font-size: 1.075rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
nav li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a.logo {
|
||||
display: inline-block;
|
||||
margin: 0.5rem 1rem 0.375rem 1.5rem;
|
||||
padding: 0.25rem 0.5rem 0 0.5rem;
|
||||
position: relative;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
a.logo svg {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
a.logo::after {
|
||||
background-color: #556;
|
||||
bottom: 8px;
|
||||
content: '';
|
||||
height: 1px;
|
||||
left: 0.5rem;
|
||||
position: absolute;
|
||||
transform: scaleX(0);
|
||||
transform-origin: bottom center;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
width: 210px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
a.logo:hover::after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
nav .icon {
|
||||
margin-right: 0.45rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 7px;
|
||||
color: #889;
|
||||
display: block;
|
||||
margin: 0.6rem 0.5rem 0.5rem 0.5rem;
|
||||
padding: 0.5rem 0.7rem 0.5rem 0.7rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav li.selected a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
nav li.selected a:hover {
|
||||
color: #fb0;
|
||||
}
|
||||
|
||||
nav a:active,
|
||||
nav li.selected a:active {
|
||||
background-color: #112;
|
||||
}
|
||||
|
||||
a.logo:active {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
nav li.selected .icon
|
||||
{
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
nav a:hover .icon,
|
||||
nav a:active .icon
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ====== */
|
||||
/* Tables */
|
||||
/* ====== */
|
||||
table {
|
||||
background: black;
|
||||
border-bottom: 1px solid #8e6eff;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
margin: 0 auto;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
thead {
|
||||
background: black;
|
||||
color: #ddd;
|
||||
font-size: 0.95rem;
|
||||
position: sticky;
|
||||
text-align: left;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
th {
|
||||
border-bottom: 1px solid #8e6eff;
|
||||
padding: 0.7rem 1.25rem;
|
||||
}
|
||||
|
||||
td {
|
||||
font-family: 'Menlo', 'Consolas', 'Monaco', 'Liberation Mono', 'Lucida Console', monospace;
|
||||
font-size: 1.1rem;
|
||||
padding: 0.6rem 1.25rem;
|
||||
}
|
||||
|
||||
tbody tr:hover {
|
||||
background-color: #1a1d22;
|
||||
}
|
||||
|
||||
/* IP */
|
||||
tbody td:nth-child(1) {
|
||||
color: #48e3ff;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(1) {
|
||||
color: #aaffff;
|
||||
}
|
||||
|
||||
/* Added */
|
||||
tbody td:nth-child(2) {
|
||||
color: #8b949e;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(2) {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Last Seen */
|
||||
tbody td:nth-child(3) {
|
||||
color: #b8c1ff;
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(3) {
|
||||
color: #c8e1ff;
|
||||
}
|
||||
|
||||
/* Threat Score */
|
||||
tbody td:nth-child(4) {
|
||||
color: #ffff55;
|
||||
text-align: right
|
||||
}
|
||||
tbody tr:nth-child(odd) td:nth-child(4) {
|
||||
color: #eedc82;
|
||||
}
|
||||
|
||||
/* Sort arrows */
|
||||
.sort-arrow {
|
||||
font-size: 0.8rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.asc::after {
|
||||
color: #8e6eff;
|
||||
content: "▲";
|
||||
}
|
||||
|
||||
.desc::after {
|
||||
color: #8e6eff;
|
||||
content: "▼";
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Anchors */
|
||||
/* ======= */
|
||||
main a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
color: #fb0;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: .1875rem;
|
||||
}
|
||||
|
||||
main a:active {
|
||||
background: #fb0;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* ======= */
|
||||
/* Content */
|
||||
/* ======= */
|
||||
p.no-results {
|
||||
color: #fb0;
|
||||
font-size: 1.2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ============= */
|
||||
/* Media Queries */
|
||||
/* ============= */
|
||||
@media (max-width: 920px) {
|
||||
td,
|
||||
th {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
a.logo {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
li.logo {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
border-radius: 5px;
|
||||
margin: 0.325rem 0.2rem 0.325rem 1rem;
|
||||
padding: 0.3rem 0.5rem 0.3rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
td,
|
||||
th {
|
||||
padding: 0.75rem 1rem;
|
||||
}
|
||||
|
||||
tbody td:nth-child(4) {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
td,
|
||||
th {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
nav li {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 550px) {
|
||||
td,
|
||||
th {
|
||||
font-size: 0.9375rem;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 450px) {
|
||||
td,
|
||||
th {
|
||||
font-size: .875rem;
|
||||
padding: 0.3rem;
|
||||
}
|
||||
|
||||
td:nth-child(2),
|
||||
th:nth-child(2) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<body class="full-width">
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
@@ -358,9 +42,9 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<main class="full-width">
|
||||
{{if .Data}}
|
||||
<table>
|
||||
<table class="webfeed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><a href="?sort=ip&direction={{if and (eq .SortMethod "ip") (eq .SortDirection "asc")}}desc{{else}}asc{{end}}">
|
||||
|
||||
Reference in New Issue
Block a user