wood/CoverView
1
0
Fork 0
mirror of https://github.com/woodchen-ink/CoverView.git synced 2025-07-18 05:51:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

add github and portfolio links

Browse Source
This commit is contained in:
rutik wankhade 2022-04-16 15:33:14 +05:30
parent 412eaa56d2
commit 61e26ccb16
4 changed files with 24 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/CoverImage.css
View File

@ -1,14 +1,9 @@
.cover {
background-color: #00ff99;
display: flex;
height: 420px;
width: 800px;
overflow-y: hidden;
}

12
src/components/Editor.js
View File

@ -47,7 +47,16 @@ class Editor extends React.Component {
<div className="bg-white shadow-sm p-4 flex flex-col md:w-1/4">
{/* <p className="tagline"><span role="img" aria-label="tool"> 🛠 </span> Creating cover images for your blogs is now super easy</p> */}
<div className="flex items-center mb-6 ">
<h1 className=" text-gray-800 text-2xl font-bold ">Coverview</h1>
<a href="https://github.com/rutikwankhade/CoverView"
target="_blank" rel="noopener noreferrer"
className="ml-auto mr-2 cursor-pointer">
<i className=" devicon-github-plain dev-icon text-xl"></i>
</a>
</div>
<div className="m-2 flex flex-col">
<span className="font-medium">Blog Title</span>
<textarea
@ -146,6 +155,9 @@ class Editor extends React.Component {
</select>
</div>
<span className="text-sm mt-4 text-center text-gray-400">Made with 💖 by <a href="https://rutikwankhade.dev"
target="_blank" rel="noopener noreferrer" className="underline hover:text-green-500">Rutik Wankhade</a></span>
{/* <div className="flex flex-col m-2 ">
<span className="font-medium">Theme</span>

18
src/components/Navbar.js
View File

@ -1,18 +0,0 @@
import React from 'react';
import './App.css';
import logo from '../assets/icons/favicon.png';
const Navbar = () => {
return (
<nav className=" bg-red-200 text-4xl">
<h4><img src={logo} alt="logo" className="logo"/>Coverview</h4>
<a href="https://github.com/rutikwankhade/CoverView"
target="_blank" rel="noopener noreferrer" class="star-btn">
<span role="img" aria-label="star">⭐</span> Star on Github
</a>
</nav>);
};
export default Navbar;

24
src/components/Themes/BasicTheme.js
View File

@ -6,25 +6,25 @@ const BasicTheme = ({ config }) => {
return (
<div className="p-4 bg-white border">
<div className={`cover flex p-14 text-gray-800 items-center ${pattern} `}
<div className={`cover flex text-gray-800 items-center ${pattern} `}
style={{ backgroundColor: bgColor }}
>
<div className={`${pattern}`}>
<div className={`${font} bg-white flex flex-col pt-12 rounded-xl`}>
<div className="px-12">
<div>
<h1 className="text-5xl font-bold text-center">{title}</h1>
</div>
</div>
<div className=" flex mx-4 mt-10 p-4 rounded-xl items-center bg-white">
<i className={`devicon-${icon.value}-plain dev-icon text-4xl`}></i>
<h2 className="text-xl ml-auto mr-2 font-semibold"> - {author}</h2>
<div className={`${font} bg-white md:w-10/12 m-auto flex flex-col pt-12 rounded-xl`}>
<div className="px-12">
<div>
<h1 className="text-5xl font-bold text-center">{title}</h1>
</div>
</div>
<div className=" flex mx-4 mt-10 p-4 rounded-xl items-center bg-white">
<i className={`devicon-${icon.value}-plain dev-icon text-4xl`}></i>
<h2 className="text-xl ml-auto mr-2 font-semibold"> - {author}</h2>
</div>
</div>
</div>
</div>