commit eecd555fd74b3cbaad4e33c84ba38c9f7a67bca6
parent 799ac80cb3491bfd8e9319316d63636547c08ba8
Author: George Francis <georgedoescode@gmail.com>
Date: Tue, 29 Sep 2020 17:28:47 +0100
Add Carbon
Diffstat:
2 files changed, 85 insertions(+), 0 deletions(-)
diff --git a/public/index.html b/public/index.html
@@ -26,6 +26,14 @@
/>
</head>
<body>
+ <div class="carbon-wrapper">
+ <script
+ async
+ type="text/javascript"
+ src="//cdn.carbonads.com/carbon.js?serve=CE7DEK3U&placement=squircleyapp"
+ id="_carbonads_js"
+ ></script>
+ </div>
<div id="app"></div>
<noscript>Please enable JavaScript and reload the page.</noscript>
</body>
diff --git a/src/assets/styles/app.css b/src/assets/styles/app.css
@@ -141,3 +141,80 @@ body {
background: var(--grey-000);
overflow-x: hidden;
}
+
+.app {
+ position: relative;
+}
+
+.carbon-wrapper {
+ min-height: 125px;
+ margin-top: var(--spacing-3);
+ margin-bottom: var(--spacing-3);
+}
+
+#carbonads {
+ margin-left: auto;
+ margin-right: auto;
+ display: flex;
+ max-width: 330px;
+ background-color: hsl(0, 0%, 98%);
+ box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
+ sans-serif;
+}
+
+#carbonads a {
+ color: inherit;
+ text-decoration: none;
+}
+
+#carbonads a:hover {
+ color: inherit;
+}
+
+#carbonads span {
+ position: relative;
+ display: block;
+ overflow: hidden;
+}
+
+#carbonads .carbon-wrap {
+ display: flex;
+}
+
+.carbon-img {
+ display: block;
+ margin: 0;
+ line-height: 1;
+}
+
+.carbon-img img {
+ display: block;
+}
+
+.carbon-text {
+ font-size: 13px;
+ padding: 10px;
+ line-height: 1.5;
+ text-align: left;
+}
+
+.carbon-poweredby {
+ display: block;
+ padding: 8px 10px;
+ background: repeating-linear-gradient(
+ -45deg,
+ transparent,
+ transparent 5px,
+ hsla(0, 0%, 0%, 0.025) 5px,
+ hsla(0, 0%, 0%, 0.025) 10px
+ )
+ hsla(203, 11%, 95%, 0.4);
+ text-align: center;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+ font-weight: 600;
+ font-size: 9px;
+ line-height: 1;
+}
