Skip to content

Commit 5f4408e

Browse files
AktaneeAktanee
committed
Add Corrected text, add minor SCSS fix
Bla
1 parent 13dddc1 commit 5f4408e

File tree

9 files changed

+73
-68
lines changed

9 files changed

+73
-68
lines changed

‎app/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<head>
55
<meta charset="utf-8">
66
<meta name="fragment" content="!">
7-
<title>Bootstrap Magic : Generate your own bootstrap theme quickly and easily</title>
7+
<title>Bootstrap Magic : Generate your own Bootstrap themes quickly and easily</title>
88
<meta name="description" content="Awesome features like contextual typeahead and colorpicker help you make your custom bootstrap 3.1 themes quickly and easily."
99
/>
1010
<link rel="shortcut icon" href="../bootstrap-magic.ico" type="image/x-icon">

‎app/js/controllers.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ function SassCtrl($scope, $http, apSass, $timeout, $sce, $q) {
3535
},
3636
template: {
3737
blobUrl: '',
38-
html: '<div id="example" class="container"><div class="row"><div class="col-sm-12"><h3>Import your HTML/CSS code or use on of Bootstrap ready-to-start example</h3><p>You can add your own HTML/CSS and see how your Bootstrap theme looks like on your website or application. If you like it, just save your theme. Enjoy and share the love!</p></div></div></div>',
38+
html: '<div id="example" class="container"><div class="row"><div class="col-sm-12"><h3>Import your HTML/CSS code or use on of Bootstrap ready-to-start example</h3><p>You can add your own HTML/CSS and see how your Bootstrap themes looks like on your website or application. If you like it, just save your theme. Enjoy and share the love!</p></div></div></div>',
3939
css: '#example{margin-top: 50px;}'
4040
}
4141
}

‎app/partials/editor.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,7 @@
33
<nav class="navbar navbar-expand-lg navbar-dark bg-indigo">
44
<div class="responsive-submenu">
55
<a class="navbar-brand" href="/">
6-
<img src="../app/img/logo-boostrapmagic.svg" width="24" height="24" alt="logo">
7-
Bootstrap Magic
6+
<img src="../app/img/logo-boostrapmagic.svg" width="24" height="24" alt="logo"> Bootstrap Magic
87
</a>
98
<span class="navbar-text rs">
109
<a href="https://twitter.com/home?status=Bootstrap%20Magic%204.0%20%3A%20Generate%20your%20own%20%23Bootstrap%204.0%20theme%20quickly%20and%20easily%20in%20the%20browser.%20%23bootstrapmagic%20%23angularjs%20https%3A//pikock.github.io/bootstrap-magic/"
@@ -99,7 +98,7 @@
9998
<div class='wave -two'></div>
10099
<div class='wave -three'></div>
101100
</div>
102-
<h4>Wait for it ...</h4>
101+
<h4>Wait for it ...</h4>
103102
</div>
104103
<iframe class="fixedPreview" ng-src="{{fixedContent.blobUrl}}" frameborder="0">
105104
</iframe>
@@ -133,7 +132,7 @@ <h4>Wait for it ...</h4>
133132
<li class="nav-item">
134133
<a ng-class="{ 'active': subRoute==='templateHtml' }" class="nav-link" ng-click="goTo( 'subRoute','templateHtml')">Examples</a>
135134
</li>
136-
135+
137136
</ul>
138137
</div>
139138
<div ng-if="subRoute==='html'">
@@ -229,7 +228,7 @@ <h4 class="modal-title" id="sassVariablesLabel">
229228

230229
<h3>Thanks for using Bootstrap magic!</h3>
231230

232-
<p class="pl-5 pr-5 pt-1 pb-2">Save your Bootstrap theme in CSS or just the SCSS variables.</p>
231+
<p class="pl-5 pr-5 pt-1 pb-2">Save your Bootstrap themes in CSS or just the SCSS variables.</p>
233232

234233
<div class="col">
235234
<a class="nav-link fancy-button is-boring mr-3" ng-click="saveSassVariables()">Save SCSS variables</a>

‎app/partials/submit-theme.html‎

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,21 @@
33
<section class="importantContainer">
44
<div class="container">
55
<section class="row">
6-
<div class="col-md-12">
6+
<div class="col-md-12">
77
<div class="introHeader">
88
<h1>Kickstarter Themes</h1>
9-
<p class="lead">Share your theme with the community in the next version of Bootstrap Magic</p>
9+
<p class="lead">Share your theme with the community in the next version of Bootstrap Magic</p>
1010

11-
<p>If you want to share your awesome theme and let others to use it as free,<br> Send us your Bootstrap theme variables, the theme's name, your nickname and the URL of your website.</p>
12-
<br>
13-
<p class="buttonsBlocks">
14-
<a class="btn btn-magic btn-lg" href="https://docs.google.com/forms/d/13-rmgMmxfem_36ThuaAM3sWeLs7EIKZMOxOo-nNMmSI/viewform" title="try bootstrap themes generator angularjs">
15-
Submit your theme
16-
</a>
17-
</p>
11+
<p>If you want to share your awesome theme and let others to use it as free,
12+
<br> Send us your Bootstrap themes variables, the theme's name, your nickname and the URL of
13+
your website.</p>
14+
<br>
15+
<p class="buttonsBlocks">
16+
<a class="btn btn-magic btn-lg" href="https://docs.google.com/forms/d/13-rmgMmxfem_36ThuaAM3sWeLs7EIKZMOxOo-nNMmSI/viewform"
17+
title="try Bootstrap themes generator angularjs">
18+
Submit your theme
19+
</a>
20+
</p>
1821
</div>
1922
</div>
2023
</section>
@@ -24,4 +27,4 @@ <h1>Kickstarter Themes</h1>
2427
</div>
2528

2629

27-
<div id="scrollTop" scroll-top="">↑</div>
30+
<div id="scrollTop" scroll-top="">↑</div>

‎dist/main.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/main.css.gz‎

86 Bytes
Binary file not shown.

‎dist/main.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 40 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -7,19 +7,20 @@
77
<meta name="viewport" content="width=device-width, initial-scale=1">
88
<meta name="fragment" content="!">
99
<link rel="stylesheet" href="dist/main.css">
10-
<title>Bootstrap Magic : Generate your own bootstrap theme quickly and easily</title>
10+
<title>Bootstrap Magic : Generate your own Bootstrap themes quickly and easily</title>
1111
<link rel="shortcut icon" href="bootstrap-magic.ico" type="image/x-icon">
12-
<meta name="description" content="Bootstrap theme generator help you customize your Bootstrap 4.0 theme in minutes. Design your own bootstrap theme, like it ? Download less or css on the go." />
12+
<meta name="description" content="Bootstrap themes generator help you customize your Bootstrap 4.0 theme in minutes. Design your own bootstrap themes, like it ? Download less or css on the go."
13+
/>
1314
<meta property="og:type" content="website">
1415
<meta property="og:url" content="https://pikock.github.io/bootstrap-magic/">
1516
<meta property="og:title" content="Bootstrap Magic 4: Generate your own Bootstrap 4.0 theme in minutes">
1617
<meta property="og:image" content="https://example.com/image.jpg">
17-
<meta property="og:description" content="Bootstrap theme generator help you customize your Bootstrap 4.0 theme in minutes. Design your own bootstrap theme, like it ? Download less or css on the go.">
18+
<meta property="og:description" content="Bootstrap themes generator help you customize your Bootstrap 4.0 theme in minutes. Design your own bootstrap themes, like it ? Download less or css on the go.">
1819
<meta property="og:site_name" content="Bootstrap Magic">
1920
<meta property="og:locale" content="en_US">
2021
<meta name="twitter:url" content="https://pikock.github.io/bootstrap-magic/">
2122
<meta name="twitter:title" content="Bootstrap Magic 4: Generate your own Bootstrap 4.0 theme in minutes">
22-
<meta name="twitter:description" content="Bootstrap theme generator help you customize your Bootstrap 4.0 theme in minutes. Design your own bootstrap theme, like it ? Download less or css on the go. #bootstrap">
23+
<meta name="twitter:description" content="Bootstrap themes generator help you customize your Bootstrap 4.0 theme in minutes. Design your own bootstrap themes, like it ? Download less or css on the go. #bootstrap">
2324
<meta name="twitter:image" content="https://example.com/image.jpg">
2425
<link itemprop="SoftwareApplicationCategory" href="http://schema.org/SoftwareApplication" />
2526
</head>
@@ -57,8 +58,9 @@
5758
</ul>
5859

5960
<span class="navbar-text rs">
60-
<a href="https://twitter.com/home?status=Bootstrap%20Magic%204.0%20%3A%20Generate%20your%20own%20%23Bootstrap%204.0%20theme%20quickly%20and%20easily%20in%20the%20browser.%20%23bootstrapmagic%20%23angularjs%20https%3A//pikock.github.io/bootstrap-magic/"/>
61-
<img src="./app/img/twitter-icn.svg" width="50" height="50" alt="">
61+
<a href="https://twitter.com/home?status=Bootstrap%20Magic%204.0%20%3A%20Generate%20your%20own%20%23Bootstrap%204.0%20theme%20quickly%20and%20easily%20in%20the%20browser.%20%23bootstrapmagic%20%23angularjs%20https%3A//pikock.github.io/bootstrap-magic/"
62+
/>
63+
<img src="./app/img/twitter-icn.svg" width="50" height="50" alt="">
6264
</a>
6365
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//pikock.github.io/bootstrap-magic/">
6466
<img src="./app/img/fb-icn.svg" width="50" height="50" alt="">
@@ -79,10 +81,10 @@
7981
<div class='wave -three'></div>
8082
</div>
8183
<h1>Bootstrap Magic 4.0</h1>
82-
<h3>Create your Boostrap 4.0 theme easily.</h3>
84+
<h3>Create your Bootstrap 4.0 themes easily.</h3>
8385
<p>Live preview, live HTML coding to help you create your Bootstrap 4.0 theme direclty in your browser</p>
8486

85-
<a href="./app/index.html" title="Create your Bootstrap theme in minutes" class="fancy-button is-big">Create your theme</a>
87+
<a href="./app/index.html" title="Create your Bootstrap themes in minutes" class="fancy-button is-big">Create your theme</a>
8688

8789
<p>
8890
<img src="./app/img/icn-github.svg" alt="" width="25" style="margin-top: -3px;">
@@ -221,26 +223,26 @@ <h1>What's great</h1>
221223
<img class="card-img-top" src="./app/img/icn-01-bootstrapmagic.svg" width="50" height="36" alt="Bootstrap 4.0 Theme generator">
222224
<div class="card-body">
223225
<h4 class="card-title">Bootstrap 4.0</h4>
224-
<p class="card-text">Latest version of Bootstrap 4.0 avaiable to create your amazing template.</p>
226+
<p class="card-text">Includes the latest and greatest, Bootstrap 4.0, for fresh and up-to-date templates.</p>
225227
</div>
226228
</div>
227229
</div>
228230
<div class="col-lg mt-3">
229231
<div class="card">
230-
<img class="card-img-top" src="./app/img/icn-02-bootstrapmagic.svg" width="50" height="36" alt="SASS Bootstrap theme generator">
232+
<img class="card-img-top" src="./app/img/icn-02-bootstrapmagic.svg" width="50" height="36" alt="SASS Bootstrap themes generator">
231233
<div class="card-body">
232234
<h4 class="card-title">Sass included </h4>
233-
<p class="card-text">Bootstrap worked with SASS ( CSS compiler now) so do Bootstrap Magic Get all Sass functions to make your life easier.
234-
Darken, Lighten, Mixins and co can all be used directly from variables. </p>
235+
<p class="card-text">Bootstrap Magic leverages Sass’s power to make all helper functions available to you. Darken, ligthen and the mixins
236+
goodness are just one click way.</p>
235237
</div>
236238
</div>
237239
</div>
238240
<div class="col-lg mt-3">
239241
<div class="card">
240242
<img class="card-img-top" src="./app/img/icn-03-bootstrapmagic.svg" width="50" height="36" alt="Colopicker to select your color">
241243
<div class="card-body">
242-
<h4 class="card-title">Color picker</h4>
243-
<p class="card-text">For each color variable, you can either use the color picker or type directly your HEXA or RGBA color</p>
244+
<h4 class="card-title">Color Picker</h4>
245+
<p class="card-text">For each color variable, you can either go with the Color Picker or use your hex/rgba codes directly. </p>
244246
</div>
245247
</div>
246248
</div>
@@ -249,7 +251,8 @@ <h4 class="card-title">Color picker</h4>
249251
<img class="card-img-top" src="./app/img/icn-04-bootstrapmagic.svg" width="50" height="36" alt="HTML Code preview">
250252
<div class="card-body">
251253
<h4 class="card-title">HTML code preview</h4>
252-
<p class="card-text">You can now insert your own HTML and CSS and have a live preview with your new Bootstrap theme freshly created.</p>
254+
<p class="card-text">You can now insert your own HTML and CSS and get a live preview with your freshly created Bootstrap theme.
255+
</p>
253256
</div>
254257
</div>
255258
</div>
@@ -260,7 +263,7 @@ <h4 class="card-title">HTML code preview</h4>
260263
<img class="card-img-top" src="./app/img/icn-05-bootstrapmagic.svg" width="50" height="36" alt="Magic Typehead Bootstrap variables">
261264
<div class="card-body">
262265
<h4 class="card-title">Magic Variables Typeahead</h4>
263-
<p class="card-text">Find all Bootstrap vairables as you type to create links between variables.</p>
266+
<p class="card-text">Find all Bootstrap variables as you type to create links between variables.</p>
264267
</div>
265268
</div>
266269
</div>
@@ -269,7 +272,7 @@ <h4 class="card-title">Magic Variables Typeahead</h4>
269272
<img class="card-img-top" src="./app/img/icn-06-bootstrapmagic.svg" width="50" height="36" alt="Google font for custom design">
270273
<div class="card-body">
271274
<h4 class="card-title">Google Fonts</h4>
272-
<p class="card-text">Create your template with all Google Fonts. They are all included in font magic TypeHead. Simple.</p>
275+
<p class="card-text">Create your template with all Google Fonts. They are all included in font magic Typeahead. Simple.</p>
273276
</div>
274277
</div>
275278
</div>
@@ -278,18 +281,16 @@ <h4 class="card-title">Google Fonts</h4>
278281
<img class="card-img-top" src="./app/img/icn-07-bootstrapmagic.svg" width="50" height="36" alt="SCSS and CSS download">
279282
<div class="card-body">
280283
<h4 class="card-title">Download in CSS/SCSS</h4>
281-
<p class="card-text">Happy about your template, download your custom CSS, minified or just SCSS variables.</p>
284+
<p class="card-text">Happy about your template ? Download your full CSS stylesheet or your SCSS variables.</p>
282285
</div>
283286
</div>
284287
</div>
285288
<div class="col-lg mt-4">
286289
<div class="card">
287290
<img class="card-img-top" src="./app/img/icn-01-bootstrapmagic.svg" width="50" height="36" alt="Open Source project MIT Licence">
288291
<div class="card-body">
289-
290-
291292
<h4 class="card-title">Open Source Project</h4>
292-
<p class="card-text">Bootstrap Magic is all Open Source and free. Can be reused as you want.</p>
293+
<p class="card-text">Bootstrap Magic is all Open Source and free with the MIT License. Can be reused as you want.</p>
293294
</div>
294295
</div>
295296
</div>
@@ -302,9 +303,9 @@ <h4 class="card-title">Open Source Project</h4>
302303
<div class="container-fluid fancy-border">
303304
<div class="row">
304305
<div class="col-lg-4 block-cta align-middle">
305-
<h3>Custom your bootstrap Theme!</h3>
306-
<p>Start using Bootstrap magic theme generator and create your own theme in minutes</p>
307-
<a href="./app/index.html" class="fancy-button" title="Create bootstrap theme">Create your theme</a>
306+
<h3>Customize your Bootstrap Themes!</h3>
307+
<p>Start using our Bootstrap Magic generator and create your own theme in minutes</p>
308+
<a href="./app/index.html" class="fancy-button" title="Create bootstrap themes">Create your theme</a>
308309
</div>
309310
<div class="col-lg-8">
310311
<img class="logo-header" src="./app/img/screen-hero-02.svg" alt="Responsive design bootstap theme">
@@ -315,10 +316,11 @@ <h3>Custom your bootstrap Theme!</h3>
315316

316317
<div class="container text-center is-big newsletter-cta">
317318
<h1>Discover our other great projects</h1>
318-
<p>At <a href="http://en.orson.io" title="Create your website without coding">Orson.io</a>, we love to craft and design product to help everyone to create their website easily.</p>
319+
<p>At
320+
<a href="http://en.orson.io" title="Create your website without coding">Orson.io</a>,we love to craft and design products that make website creation easier.</p>
319321
</div>
320322

321-
<!-- <div class="container text-center is-big newsletter">
323+
<!-- <div class="container text-center is-big newsletter">
322324
<img src="./app/img/paper-plane.svg" class="paper-plane to-reveal">
323325
<div class="row justify-content-md-center">
324326
<div class="col-sm-12 col-md-8 col-lg-8">
@@ -332,8 +334,8 @@ <h1>Discover our other great projects</h1>
332334
</div>
333335
</div>
334336
</div> -->
335-
336-
337+
338+
337339
<div class="container is-big section-cta to-reveal mashup-template">
338340
<div class="container-fluid fancy-border">
339341
<div class="row">
@@ -343,7 +345,8 @@ <h3>
343345
<img class="logo logo-mashup" src="./app/img/hero-mashup-template-logo.svg" alt="Free html template">
344346
</a>
345347
</h3>
346-
<p>Free Beautiful HTML5/CSS3 Templates based on pre-built Blocks to create a website in minutes. All Mashup Templates are responsive design, fully customisable and can be used for any purpose</p>
348+
<p>Free Beautiful HTML5/CSS3 Templates based on pre-built Blocks to create a website in minutes. All Mashup Templates
349+
are responsive design, fully customisable and can be used for any purpose</p>
347350
<a href="http://mashup-template.com/" class="fancy-button" title="Create website free html templates">Create your website for free</a>
348351
</div>
349352
<div class="col-lg-8">
@@ -352,7 +355,7 @@ <h3>
352355
</div>
353356
</div>
354357
</div>
355-
358+
356359
<div class="container is-big section-cta to-reveal orson">
357360
<div class="container-fluid fancy-border">
358361
<div class="row">
@@ -362,7 +365,9 @@ <h3>
362365
<img class="logo logo-orson" alt="Orson responsive website builder logo" src="./app/img/hero-orson-logo.svg" width="220">
363366
</a>
364367
</h3>
365-
<p><strong>Build beautiful and responsive design websites without coding.</strong> Everything you need to build your online presence is included in Orson.io. </p>
368+
<p>
369+
<strong>Build beautiful and responsive design websites without coding.</strong> Everything you need to build your online presence
370+
is included in Orson.io. </p>
366371
<a href="https://en.orson.io/17/build-responsive-website-without-coding" title="Create your website without coding" class="fancy-button">Try for free</a>
367372
</div>
368373
<div class="col-lg-8">
@@ -371,7 +376,7 @@ <h3>
371376
</div>
372377
</div>
373378
</div>
374-
379+
375380

376381

377382
</div>
@@ -380,7 +385,8 @@ <h3>
380385
<footer class="protected container-fluid is-big bg-indigo text-center">
381386
<div class="row justify-content-md-center pb-3">
382387
<div class="col-lg-6">
383-
<img class="logo-header to-reveal" src="./app/img/logo-boostrapmagic.svg" title="Bootstrap theme generator logo" width="72.8" height="73.2" alt="">
388+
<img class="logo-header to-reveal" src="./app/img/logo-boostrapmagic.svg" title="Bootstrap themes generator logo" width="72.8"
389+
height="73.2" alt="">
384390
<h1>Bootstrap Magic</h1>
385391
<h5> Spread
386392
<span class="is-green">#bootstrapmagic</span>
@@ -412,8 +418,7 @@ <h5> Spread
412418
<p>
413419
Crafted with
414420
<span class="is-green">
415-
<3</span> and 🍕
416-
in Paris by
421+
<3</span> and 🍕 in Paris by
417422
<a href="https://en.orson.io/17/build-responsive-website-without-coding" class="is-green">Orson Website Builder</span>
418423
</p>
419424
</div>

0 commit comments

Comments
 (0)