-
-
Save adrianhajdin/6e2ad3c9f383d77c369322476c228b73 to your computer and use it in GitHub Desktop.
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); | |
}; |
Thanks for this project. Would be amazing when you finished all. Example logout, search and etc.
Thank you. this is awesome!
Thanks😍🙏
great, thanks
Perfect, thank u
love your work Thank you!
I appreciate your effort for going through all these hoops for us!
Greatly appreciated Adrian :)
Thank you!
Awesome! deeply appreciated
thanks
where can I find the solidity smart contract? (sorry if my question looks a little bit stupid ^^)
thanks
@annejungers go to web3 folder navigate to contracts folder inside the folder you will find CrouwFunding.sol file that is it.
i hope this help
You can see the issue on the terminal
Yes, my secret key is in .env but I did not know how to structure it as the third web is updated.
getting error while changing to sepolia it shows cannot fetch byte code from aaddress , many are facing same issue pls explian
Georli Faucet errored out. Would not take token.
getting error while changing to sepolia it shows cannot fetch byte code from aaddress , many are facing same issue pls explian
I am getting the same error!!
Sorry that Goes litle too far from My experience
my background is not going dark, what could be the problem?
import React from 'react';
import { Route, Routes } from 'react-router-dom';
const App = () => {
return (
Sidebar
<p className="font-xl font-bold">TEST</p>
<div className="flex-1 max-sm: w-full max-w-[1280px] mx-auto sm:pr-5">
Navbar
</div>
</div>
)
}
export default App
my background is not going dark, what could be the problem?
import React from 'react'; import { Route, Routes } from 'react-router-dom';
const App = () => { return (
Sidebar
<p className="font-xl font-bold">TEST</p> <div className="flex-1 max-sm: w-full max-w-[1280px] mx-auto sm:pr-5"> Navbar </div> </div>
) }
export default App
Do you have an style for that
Amazing