Skip to content

Commit 0a79f9b

Browse files
wdhdevwdhdev
committed
add ads to website
1 parent 6b34955 commit 0a79f9b

File tree

3 files changed

+197
-89
lines changed

3 files changed

+197
-89
lines changed

‎index.html

Lines changed: 99 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -1,95 +1,105 @@
11
<!DOCTYPE html>
22
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="x-ua-compatible" content="ie=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
37

4-
<head>
5-
<meta charset="utf-8" />
6-
<meta http-equiv="x-ua-compatible" content="ie=edge" />
7-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
8-
9-
<!-- HTML Meta Tags -->
10-
<title>is-a.dev - Free subdomains for developers</title>
11-
<meta name="description" content="A service to allow developers to get free `.is-a.dev` subdomains" />
12-
<meta name="theme-color" content="#4E3AA3" />
13-
14-
<!-- Google / Search Engine Tags -->
15-
<meta itemprop="name" content="is-a.dev" />
16-
<meta itemprop="description" content="A service to allow developers to get free `.is-a.dev` subdomains" />
17-
<meta itemprop="image" content="https://is-a.dev/assets/logo.png" />
18-
19-
<!-- Facebook Meta Tags -->
20-
<meta property="og:url" content="https://is-a.dev/" />
21-
<meta property="og:type" content="website" />
22-
<meta property="og:title" content="is-a.dev" />
23-
<meta property="og:description" content="A service to allow developers to get free `.is-a.dev` subdomains" />
24-
<meta property="og:image" content="https://is-a.dev/assets/logo.png" />
25-
26-
<!-- Twitter Meta Tags -->
27-
<meta name="twitter:card" content="summary_large_image" />
28-
<meta name="twitter:title" content="is-a.dev" />
29-
<meta name="twitter:description" content="A service to allow developers to get free `.is-a.dev` subdomains" />
30-
<meta name="twitter:image" content="https://is-a.dev/assets/logo.png" />
31-
32-
<!-- Apple Meta Tags -->
33-
<meta name="apple-mobile-web-app-title" content="is-a.dev" />
34-
<meta name="apple-mobile-web-app-capable" content="yes" />
35-
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
36-
37-
<!-- Favicon -->
38-
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico" />
39-
40-
<!-- Stylesheets -->
41-
<link rel="stylesheet" href="/styles/main.css" />
42-
<link rel="stylesheet" href="https://cdn.hrsn.net/is-a-dev/website/fonts/Roboto/font.css" />
43-
<link rel="stylesheet" href="https://cdn.hrsn.net/is-a-dev/website/fonts/UbuntuMono/font.css" />
44-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
45-
46-
<!-- Scripts -->
47-
<script defer data-domain="is-a.dev" src="https://analytics.hrsn.net/js/script.js"></script>
48-
</head>
49-
50-
<body>
51-
<header>
52-
<div class="domain">
53-
<a href="https://github.com/is-a-dev" target="_blank"><img
54-
src="https://raw.githubusercontent.com/is-a-dev/register/main/media/banner.png"
55-
style="max-width: 1000px; width: 100%; display: block" /></a>
56-
</div>
57-
</header>
58-
59-
<main>
60-
<div class="socials">
61-
<div class="social">
62-
<a href="https://github.com/is-a-dev" target="_blank"><i class="fa-brands fa-github"></i></a>
8+
<!-- HTML Meta Tags -->
9+
<title>is-a.dev - Free subdomains for developers</title>
10+
<meta name="description" content="A service to allow developers to get free `.is-a.dev` subdomains" />
11+
<meta name="theme-color" content="#4E3AA3" />
12+
13+
<!-- Google / Search Engine Tags -->
14+
<meta itemprop="name" content="is-a.dev" />
15+
<meta itemprop="description" content="A service to allow developers to get free `.is-a.dev` subdomains" />
16+
<meta itemprop="image" content="https://is-a.dev/assets/logo.png" />
17+
18+
<!-- Facebook Meta Tags -->
19+
<meta property="og:url" content="https://is-a.dev/" />
20+
<meta property="og:type" content="website" />
21+
<meta property="og:title" content="is-a.dev" />
22+
<meta property="og:description" content="A service to allow developers to get free `.is-a.dev` subdomains" />
23+
<meta property="og:image" content="https://is-a.dev/assets/logo.png" />
24+
25+
<!-- Twitter Meta Tags -->
26+
<meta name="twitter:card" content="summary_large_image" />
27+
<meta name="twitter:title" content="is-a.dev" />
28+
<meta name="twitter:description" content="A service to allow developers to get free `.is-a.dev` subdomains" />
29+
<meta name="twitter:image" content="https://is-a.dev/assets/logo.png" />
30+
31+
<!-- Apple Meta Tags -->
32+
<meta name="apple-mobile-web-app-title" content="is-a.dev" />
33+
<meta name="apple-mobile-web-app-capable" content="yes" />
34+
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
35+
36+
<!-- Favicon -->
37+
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
38+
39+
<!-- Stylesheets -->
40+
<link rel="stylesheet" href="styles/main.css" />
41+
<link rel="stylesheet" href="styles/ads.css" />
42+
<link rel="stylesheet" href="https://cdn.hrsn.net/is-a-dev/website/fonts/Roboto/font.css" />
43+
<link rel="stylesheet" href="https://cdn.hrsn.net/is-a-dev/website/fonts/UbuntuMono/font.css" />
44+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
45+
46+
<!-- Scripts -->
47+
<script defer data-domain="is-a.dev" src="https://analytics.hrsn.net/js/script.js"></script>
48+
<script src="//m.servedby-buysellads.com/monetization.custom.js" type="text/javascript"></script>
49+
</head>
50+
51+
<body>
52+
<header>
53+
<div class="domain">
54+
<a href="https://github.com/is-a-dev" target="_blank"><img
55+
src="https://raw.githubusercontent.com/is-a-dev/register/main/media/banner.png"
56+
style="max-width: 1000px; width: 100%; display: block" /></a>
6357
</div>
64-
</div>
65-
<h1>
66-
is-a.dev
67-
<p>Welcome! 👋</p>
68-
</h1>
69-
<p>
70-
<span>is-a.dev</span> is a service that allows developers to get a sweet-looking <span
71-
style="display: inline-block; width: fit-content; line-height: 1">.is-a.dev</span> subdomain for their
72-
personal websites.
73-
<br />
74-
To register your own subdomain, go to the
75-
<a href="https://github.com/is-a-dev/register" target="_blank">is-a-dev/register</a> repository on GitHub
76-
and follow the instructions.
77-
</p>
78-
79-
<h2>Report abuse</h2>
80-
<p>
81-
If you believe one of the subdomains is abusing the service, please
82-
<a href="https://github.com/is-a-dev/register/issues/new?labels=report-abuse&template=report-abuse.md&title=Report+abuse"
83-
target="_blank">report</a>
84-
it.
85-
</p>
86-
87-
<h2>Donations</h2>
88-
<p>
89-
This project is a free service for developers and will stay that way. Please consider
90-
<a href="https://donate.is-a.dev">donating</a> to help us keep this service running forever!
91-
</p>
92-
</main>
93-
</body>
58+
</header>
59+
60+
<main>
61+
<div class="socials">
62+
<div class="social">
63+
<a href="https://github.com/is-a-dev" target="_blank"><i class="fa-brands fa-github"></i></a>
64+
</div>
65+
</div>
66+
67+
<h1>
68+
is-a.dev
69+
<p>Welcome! 👋</p>
70+
</h1>
71+
72+
<p>
73+
<span>is-a.dev</span> is a service that allows developers to get a sweet-looking <span
74+
style="display: inline-block; width: fit-content; line-height: 1">.is-a.dev</span> subdomain for their
75+
personal websites.
76+
<br />
77+
To register your own subdomain, go to the
78+
<a href="https://github.com/is-a-dev/register" target="_blank">is-a-dev/register</a> repository on GitHub
79+
and follow the instructions.
80+
</p>
81+
82+
<div>
83+
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CW7DE2JU&placement=is-adev" id="_carbonads_js"></script>
84+
</div>
85+
86+
<h2>Report abuse</h2>
87+
<p>
88+
If you believe one of the subdomains is abusing the service, please
89+
<a href="https://github.com/is-a-dev/register/issues/new?labels=report-abuse&template=report-abuse.md&title=Report+abuse"
90+
target="_blank">report</a>
91+
it.
92+
</p>
93+
94+
<h2>Donations</h2>
95+
<p>
96+
This project is a free service for developers and will stay that way. Please consider
97+
<a href="https://donate.is-a.dev">donating</a> to help us keep this service running forever!
98+
</p>
99+
100+
<div id="badge-js"></div>
101+
</main>
94102

103+
<script src="scripts/custom-ads.js"></script>
104+
</body>
95105
</html>

‎scripts/custom-ads.js

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
(function () {
2+
if (typeof _bsa !== "undefined" && _bsa) {
3+
_bsa.init("custom", "CW7DE2JY", "placement:is-a.dev", {
4+
target: "#badge-js",
5+
template: `
6+
<style>
7+
.bsa__##external_id## {
8+
background-image: linear-gradient(145deg, ##backgroundColor##, 90%, ##backgroundColor##80),
9+
linear-gradient(##textColor## 1px, transparent 0),
10+
linear-gradient(90deg, ##textColor## 1px, transparent 0);
11+
background-color: ##backgroundColor##;
12+
}
13+
</style>
14+
15+
<a class="badge-container bsa__##external_id##" style="background-color: ##backgroundColor##; color: ##textColor##; border-color: ##textColor##" href="##link##" rel="sponsored noopener" target="_blank" title="##company## — ##tagline##">
16+
<img class="badge-icon" style="background-color: ##backgroundColor##" src="##image##">
17+
<div class="badge-flex">
18+
<div class="badge-title">##company## — ##tagline##</div>
19+
<div class="badge-description">##description##</div>
20+
<img class="badge-logo" src="##logo##">
21+
<div class="badge-cta" style="background-color: ##ctaBackgroundColor##; color: ##ctaTextColor##">##callToAction##</div>
22+
</div>
23+
</a>
24+
`
25+
});
26+
}
27+
})();

‎styles/ads.css

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
/* Credit: JS.ORG website */
2+
3+
#carbonads {
4+
display: flex;
5+
max-width: 130px;
6+
background-color: #fff;
7+
font-size: 11px;
8+
font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Oxygen-Sans, Ubuntu, Cantarell, helvetica neue,
9+
Helvetica, Arial, sans-serif;
10+
}
11+
12+
#carbonads * {
13+
margin: initial;
14+
padding: initial;
15+
}
16+
17+
#carbonads a {
18+
color: #111;
19+
text-decoration: none;
20+
font-weight: 500;
21+
}
22+
23+
#carbonads a:hover {
24+
color: #111;
25+
}
26+
27+
#carbonads .carbon-img {
28+
display: block;
29+
margin-bottom: 8px;
30+
max-width: 130px;
31+
line-height: 1;
32+
}
33+
34+
#carbonads .carbon-img img {
35+
display: block;
36+
margin: 0 auto;
37+
max-width: 130px;
38+
width: 130px;
39+
height: auto;
40+
}
41+
42+
#carbonads .carbon-text {
43+
display: block;
44+
padding: 0 10px 8px;
45+
text-align: left;
46+
line-height: 1.35;
47+
}
48+
49+
#carbonads .carbon-poweredby {
50+
display: none;
51+
}
52+
53+
@media only screen and (min-width: 560px) {
54+
#carbonads {
55+
max-width: 400px;
56+
}
57+
58+
#carbonads .carbon-wrap {
59+
display: flex;
60+
flex-direction: row;
61+
}
62+
63+
#carbonads .carbon-img {
64+
margin: 0;
65+
}
66+
67+
#carbonads .carbon-text {
68+
padding: 10px 10px 0;
69+
font-size: 12px;
70+
}
71+
}

0 commit comments

Comments
 (0)