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)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy