Skip to content

Commit 668fe62

Browse files
barreeeiroobarreeeiroo
committed
Integrate Carbon Ads
1 parent 94c940f commit 668fe62

File tree

5 files changed

+13
-162
lines changed

5 files changed

+13
-162
lines changed

‎public/css/style.css‎

Lines changed: 0 additions & 103 deletions
Original file line numberDiff line numberDiff line change
@@ -129,106 +129,3 @@ html {
129129
width: 0%;
130130
left: 50%;
131131
}
132-
133-
#carbonads {
134-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
135-
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial,
136-
sans-serif;
137-
display: block;
138-
overflow: hidden;
139-
margin-bottom: 20px;
140-
border-radius: 4px;
141-
text-align: center;
142-
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1);
143-
background-color: hsl(0, 0%, 98%);
144-
line-height: 1.5;
145-
font-size: 14px;
146-
padding: 15px;
147-
border: 1px solid #ccc;
148-
}
149-
150-
#carbonads a {
151-
color: inherit;
152-
text-decoration: none;
153-
}
154-
155-
#carbonads a:hover {
156-
color: inherit;
157-
}
158-
159-
#carbonads span {
160-
position: relative;
161-
display: block;
162-
overflow: hidden;
163-
}
164-
165-
.carbon-img {
166-
display: block;
167-
margin-bottom: 8px;
168-
line-height: 1;
169-
}
170-
171-
.carbon-text {
172-
display: block;
173-
margin-bottom: 8px;
174-
padding: 0 1em 8px;
175-
}
176-
177-
.carbon-poweredby {
178-
display: block;
179-
padding: 10px 14px;
180-
background: repeating-linear-gradient(
181-
-45deg,
182-
transparent,
183-
transparent 5px,
184-
hsla(0, 0%, 0%, 0.025) 5px,
185-
hsla(0, 0%, 0%, 0.025) 10px
186-
)
187-
hsla(203, 11%, 95%, 0.4);
188-
text-transform: uppercase;
189-
letter-spacing: 1px;
190-
font-weight: 600;
191-
font-size: 9px;
192-
line-height: 0;
193-
}
194-
195-
@media only screen and (min-width: 320px) and (max-width: 759px) {
196-
#carbonads {
197-
float: none;
198-
margin: 0 auto;
199-
max-width: 330px;
200-
}
201-
202-
#carbonads span {
203-
position: relative;
204-
}
205-
206-
#carbonads > span {
207-
max-width: none;
208-
}
209-
210-
.carbon-img {
211-
float: left;
212-
margin: 0;
213-
}
214-
215-
.carbon-img img {
216-
max-width: 130px !important;
217-
}
218-
219-
.carbon-text {
220-
float: left;
221-
margin-bottom: 0;
222-
padding: 8px 8px 8px 10px;
223-
text-align: left;
224-
max-width: calc(100% - 10em);
225-
}
226-
227-
.carbon-poweredby {
228-
left: 130px;
229-
bottom: 0;
230-
display: block;
231-
width: 100%;
232-
margin-top: 15px;
233-
}
234-
}

‎src/components/nav.astro‎

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -11,17 +11,9 @@
1111
</button>
1212
<div class="collapse navbar-collapse" id="navbar">
1313
<ul class="navbar-nav mr-auto">
14-
<li class="nav-item dropdown">
15-
<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink-5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
16-
<i class="fa fa-globe"></i> Modules
17-
</a>
18-
<div class="dropdown-menu dropdown-secondary" aria-labelledby="navbarDropdownMenuLink-5">
19-
<a class="dropdown-item" href="/creator">Creator</a>
20-
<a class="dropdown-item" href="//ide.kodular.io">Extensions IDE</a>
21-
<a class="dropdown-item" href="//store.kodular.io">Store</a>
22-
<div class="dropdown-divider"></div>
23-
<a class="dropdown-item" href="//my.kodular.io">My Kodular</a>
24-
</div>
14+
<li class={`nav-item ${ Astro.url.pathname.startsWith('/creator') && 'active' }`}>
15+
<a class="nav-link" href="/creator">
16+
<i class="fa fa-globe"></i> Creator</a>
2517
</li>
2618
<li class={`nav-item ${ Astro.url.pathname.startsWith('/pricing') && 'active' }`}>
2719
<a class="nav-link" href="/pricing">

‎src/env.d.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1+
/// <reference path="../.astro/types.d.ts" />
12
/// <reference types="astro/client" />

‎src/pages/creator.astro‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,10 @@ import Layout from '../layouts/Layout.astro';
7676
<div class="embed-responsive embed-responsive-16by9 hoverable">
7777
<iframe class="lazy embed-responsive-item" src="https://www.youtube.com/embed/iK-J6U12NQc" allowfullscreen></iframe>
7878
</div>
79+
<div style="margin-top: 25px; display: flex; align-items: center; justify-content: center;">
80+
<script async type="text/javascript" id="_carbonads_js"
81+
src="//cdn.carbonads.com/carbon.js?serve=CW7ILKQM&placement=wwwkodulario&format=cover"></script>
82+
</div>
7983
</div>
8084
</div>
8185
</section>
@@ -169,7 +173,6 @@ import Layout from '../layouts/Layout.astro';
169173
</div>
170174
</div>
171175
<div class="col-md-4 center-on-small-only flex-center">
172-
<iframe class="lazy" src="https://appetize.io/embed/vhwk0j5hz3r2yzpxnn6xfc7g5r?device=nexus5&amp;scale=75&amp;autoplay=false&amp;orientation=portrait&amp;deviceColor=black" width="300px" height="597px" frameborder="0" scrolling="no">Your browser doesn't support iFrames</iframe>
173176
</div>
174177
<div class="col-md-4 mt-2">
175178
<div class="row">

‎src/pages/index.astro‎

Lines changed: 5 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -49,10 +49,9 @@ import Testimonials from '../components/testimonials.astro';
4949
scroll down a little bit to check them!</p>
5050
</div>
5151
<!--Grid column-->
52-
<div class="col-md-6">
53-
<a href="https://community.kodular.io/t/kodular-fenix/132021" target="_blank">
54-
<img src="//assets.kodular.io/images/creator/versions/fenix_white.png" class="lazy img-fluid z-depth-1-half" alt="">
55-
</a>
52+
<div class="col-md-6" style="display: flex; align-items: center; justify-content: center;">
53+
<script async type="text/javascript" id="_carbonads_js"
54+
src="//cdn.carbonads.com/carbon.js?serve=CW7ILKQM&placement=wwwkodulario&format=cover"></script>
5655
</div>
5756
</div>
5857
<!--Grid row-->
@@ -66,7 +65,7 @@ import Testimonials from '../components/testimonials.astro';
6665
<h1 class="section-heading mb-4">Our Modules</h1>
6766
<div class="container">
6867
<div class="row mb-4 wow fadeIn">
69-
<div class="col-lg-3 col-md-12 mb-3">
68+
<div class="col-lg-6 col-md-12 mb-6">
7069
<div class="card">
7170
<div class="view overlay">
7271
<div class="embed-responsive embed-responsive-16by9 rounded-top">
@@ -88,48 +87,7 @@ import Testimonials from '../components/testimonials.astro';
8887
</div>
8988
</div>
9089

91-
<div class="col-lg-3 col-md-6 mb-3">
92-
<div class="card">
93-
<div class="view overlay">
94-
<img src="/images/ide.png" class="lazy card-img-top" alt="">
95-
<a href="/ide">
96-
<div class="mask rgba-white-slight"></div>
97-
</a>
98-
</div>
99-
<div class="card-body">
100-
<h4 class="card-title">Extensions IDE</h4>
101-
<p class="card-text">
102-
If you are an advanced user, why not code in Java and create amazing Extensions for the Creator?
103-
<br>
104-
Try it if you want something like Android Studio
105-
</p>
106-
<a target="_blank" href="https://ide.kodular.io" class="btn btn-pink btn-md">Start Now
107-
<i class="fa fa-play ml-2"></i>
108-
</a>
109-
</div>
110-
</div>
111-
</div>
112-
113-
<div class="col-lg-3 col-md-6 mb-3">
114-
<div class="card">
115-
<div class="view overlay">
116-
<img src="/images/store.png" class="lazy card-img-top" alt="">
117-
<a href="/store">
118-
<div class="mask rgba-white-slight"></div>
119-
</a>
120-
</div>
121-
<div class="card-body">
122-
<h4 class="card-title">Kodular Store</h4>
123-
<p class="card-text">Share your apps, projects, extensions and screens in this free Store developed by Kodular
124-
Team!</p>
125-
<a target="_blank" href="https://store.kodular.io" class="btn btn-pink btn-md">Start Now
126-
<i class="fa fa-play ml-2"></i>
127-
</a>
128-
</div>
129-
</div>
130-
</div>
131-
132-
<div class="col-lg-3 col-md-12 mb-3">
90+
<div class="col-lg-6 col-md-12 mb-6">
13391
<div class="card">
13492
<div class="view overlay">
13593
<img src="/images/account.png" class="lazy card-img-top" alt="">

0 commit comments

Comments
 (0)