Skip to content

Commit 93bc471

Browse files
lokesh-coderlokesh-coder
committed
design improvements
1 parent 9531f9b commit 93bc471

File tree

18 files changed

+99799
-204
lines changed

18 files changed

+99799
-204
lines changed

‎config/paths.js‎

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
1-
const path = require('path');
1+
const path = require("path");
22

33
const paths = {
4-
entry: path.resolve(__dirname, '../index'),
5-
output: path.resolve(__dirname, '../build'),
6-
assets: path.resolve(__dirname, '../src/assets'),
7-
template: path.resolve(__dirname, './template.html'),
8-
uielements: path.resolve(__dirname, '../src/uielements'),
4+
entry: path.resolve(__dirname, "../index"),
5+
output: path.resolve(__dirname, "../build"),
6+
assets: path.resolve(__dirname, "../src/assets"),
7+
template: path.resolve(__dirname, "./template.html"),
8+
components: path.resolve(__dirname, "../src/components"),
99
};
1010

11-
1211
module.exports = paths;

‎config/template.html‎

Lines changed: 38 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,44 @@
22
<html>
33
<head>
44
<meta charset="utf-8" />
5-
<title><%= htmlWebpackPlugin.options.title %></title>
5+
<!-- Primary Meta Tags -->
6+
<title>
7+
Blobs - Generate beautiful blob shapes for web and flutter apps
8+
</title>
9+
<meta
10+
name="title"
11+
content="Blobs - Generate beautiful blob shapes for web and flutter apps"
12+
/>
13+
<meta
14+
name="description"
15+
content="Customizable blobs as SVG and Flutter Widget. Create random or fixed blobs, loop, animate, clip them with ease"
16+
/>
17+
18+
<!-- Open Graph / Facebook -->
19+
<meta property="og:type" content="website" />
20+
<meta property="og:url" content="https://blobs.app/" />
21+
<meta
22+
property="og:title"
23+
content="Blobs - Generate beautiful blob shapes for web and flutter apps"
24+
/>
25+
<meta
26+
property="og:description"
27+
content="Customizable blobs as SVG and Flutter Widget. Create random or fixed blobs, loop, animate, clip them with ease"
28+
/>
29+
<meta property="og:image" content="https://blobs.app/poster.png" />
30+
31+
<!-- Twitter -->
32+
<meta property="twitter:card" content="summary_large_image" />
33+
<meta property="twitter:url" content="https://blobs.app/" />
34+
<meta
35+
property="twitter:title"
36+
content="Blobs - Generate beautiful blob shapes for web and flutter apps"
37+
/>
38+
<meta
39+
property="twitter:description"
40+
content="Customizable blobs as SVG and Flutter Widget. Create random or fixed blobs, loop, animate, clip them with ease"
41+
/>
42+
<meta property="twitter:image" content="https://blobs.app/poster.png" />
643
<meta name="viewport" content="width=device-width, initial-scale=1" />
744
</head>
845
<body>

‎config/webpack.base.config.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ module.exports = function ({ plugins }) {
5252
new HtmlWebpackPlugin({
5353
template: paths.template,
5454
hash: true,
55-
title: "Boilerplate",
55+
title: "Blobs for web and flutter",
5656
}),
5757
new MiniCssExtractPlugin({
5858
filename: "[name].[hash].css",
@@ -62,7 +62,7 @@ module.exports = function ({ plugins }) {
6262
resolve: {
6363
extensions: [".js", ".jsx", ".scss", ".css"],
6464
alias: {
65-
uielements: paths.uielements,
65+
components: paths.components,
6666
assets: paths.assets,
6767
},
6868
},

‎index.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
import React, { Suspense } from "react";
22
import ReactDOM from "react-dom";
3+
import "assets/css/main.css";
4+
import "./src/app.scss";
35
import Loader from "./src/components/loader/loader.component";
46

57
const App = React.lazy(() => import("./src/app"));

‎src/app.jsx‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
import React, { useEffect } from "react";
22
import { store, autoEffect } from "@risingstack/react-easy-state";
3-
import "assets/css/main.css";
4-
import "./app.scss";
53
import Grid from "./components/layout/grid";
64
import { appStore } from "./store";
75
import animator from "./services/animator";

‎src/app.scss‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ html body {
1919

2020
.ant-slider-handle {
2121
border: solid 3px #4e566b;
22+
background-color: #f7fafc;
2223
width: 24px;
2324
height: 24px;
2425
margin-top: -9px;
@@ -32,7 +33,7 @@ html body {
3233
}
3334

3435
.ant-modal-mask {
35-
background-color: rgba(182, 170, 176, 0.84);
36+
background-color: rgba(78, 86, 107, 0.71);
3637
}
3738

3839
.ant-modal-content {
@@ -46,6 +47,11 @@ html body {
4647
background: #2f3143;
4748
}
4849

50+
.ant-popover-inner {
51+
max-width: 300px;
52+
border-radius: 4px;
53+
}
54+
4955
pre > code {
5056
overflow: auto;
5157
width: 100%;

‎src/assets/blobs_logo.png‎

3.17 KB
Loading

0 commit comments

Comments
 (0)