Skip to content

Instantly share code, notes, and snippets.

@adrianhajdin
Created December 9, 2022 12:23
Show Gist options
  • Star 15 You must be signed in to star a gist
  • Fork 9 You must be signed in to fork a gist
  • Save adrianhajdin/6e2ad3c9f383d77c369322476c228b73 to your computer and use it in GitHub Desktop.
Save adrianhajdin/6e2ad3c9f383d77c369322476c228b73 to your computer and use it in GitHub Desktop.
Build and Deploy a Web3 Crowdfunding Platform (Kickstarter) As Your First Blockchain Application
import { createCampaign, dashboard, logout, payment, profile, withdraw } from '../assets';
export const navlinks = [
{
name: 'dashboard',
imgUrl: dashboard,
link: '/',
},
{
name: 'campaign',
imgUrl: createCampaign,
link: '/create-campaign',
},
{
name: 'payment',
imgUrl: payment,
link: '/',
disabled: true,
},
{
name: 'withdraw',
imgUrl: withdraw,
link: '/',
disabled: true,
},
{
name: 'profile',
imgUrl: profile,
link: '/profile',
},
{
name: 'logout',
imgUrl: logout,
link: '/',
disabled: true,
},
];
@import url("https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600;700&display=swap");
@tailwind base;
@tailwind components;
@tailwind utilities;
.linear-gradient {
background: linear-gradient(
179.14deg,
rgba(32, 18, 63, 0) -7.14%,
#000000 87.01%
);
}
input[type="date"]::-webkit-calendar-picker-indicator {
cursor: pointer;
filter: invert(0.8);
}
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
fontFamily: {
epilogue: ['Epilogue', 'sans-serif'],
},
boxShadow: {
secondary: '10px 10px 20px rgba(2, 2, 2, 0.25)',
},
},
},
plugins: [],
}
export const daysLeft = (deadline) => {
const difference = new Date(deadline).getTime() - Date.now();
const remainingDays = difference / (1000 * 3600 * 24);
return remainingDays.toFixed(0);
};
export const calculateBarPercentage = (goal, raisedAmount) => {
const percentage = Math.round((raisedAmount * 100) / goal);
return percentage;
};
export const checkIfImage = (url, callback) => {
const img = new Image();
img.src = url;
if (img.complete) callback(true);
img.onload = () => callback(true);
img.onerror = () => callback(false);
};
@Amaan-Riddle
Copy link

my background not going dark what should i do ...i have done everything right until here
Screenshot (10)
Screenshot (11)

@Amaan-Riddle
Copy link

i did everything accordingly but still
Screenshot (12)
facing problem

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment