parent
							
								
									fc5c689e86
								
							
						
					
					
						commit
						da05856ddb
					
				
				 40 changed files with 3218 additions and 164 deletions
			
			
		
									
										
											File diff suppressed because it is too large
											Load Diff
										
									
								
							
						@ -0,0 +1,6 @@ | 
				
			|||||||
 | 
					module.exports = { | 
				
			||||||
 | 
					  plugins: { | 
				
			||||||
 | 
					    tailwindcss: {}, | 
				
			||||||
 | 
					    autoprefixer: {}, | 
				
			||||||
 | 
					  }, | 
				
			||||||
 | 
					} | 
				
			||||||
@ -1,38 +0,0 @@ | 
				
			|||||||
.App { | 
					 | 
				
			||||||
  text-align: center; | 
					 | 
				
			||||||
} | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.App-logo { | 
					 | 
				
			||||||
  height: 40vmin; | 
					 | 
				
			||||||
  pointer-events: none; | 
					 | 
				
			||||||
} | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
@media (prefers-reduced-motion: no-preference) { | 
					 | 
				
			||||||
  .App-logo { | 
					 | 
				
			||||||
    animation: App-logo-spin infinite 20s linear; | 
					 | 
				
			||||||
  } | 
					 | 
				
			||||||
} | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.App-header { | 
					 | 
				
			||||||
  background-color: #282c34; | 
					 | 
				
			||||||
  min-height: 100vh; | 
					 | 
				
			||||||
  display: flex; | 
					 | 
				
			||||||
  flex-direction: column; | 
					 | 
				
			||||||
  align-items: center; | 
					 | 
				
			||||||
  justify-content: center; | 
					 | 
				
			||||||
  font-size: calc(10px + 2vmin); | 
					 | 
				
			||||||
  color: white; | 
					 | 
				
			||||||
} | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.App-link { | 
					 | 
				
			||||||
  color: #61dafb; | 
					 | 
				
			||||||
} | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
@keyframes App-logo-spin { | 
					 | 
				
			||||||
  from { | 
					 | 
				
			||||||
    transform: rotate(0deg); | 
					 | 
				
			||||||
  } | 
					 | 
				
			||||||
  to { | 
					 | 
				
			||||||
    transform: rotate(360deg); | 
					 | 
				
			||||||
  } | 
					 | 
				
			||||||
} | 
					 | 
				
			||||||
@ -1,8 +0,0 @@ | 
				
			|||||||
import { render, screen } from '@testing-library/react'; | 
					 | 
				
			||||||
import App from './App'; | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
test('renders learn react link', () => { | 
					 | 
				
			||||||
  render(<App />); | 
					 | 
				
			||||||
  const linkElement = screen.getByText(/learn react/i); | 
					 | 
				
			||||||
  expect(linkElement).toBeInTheDocument(); | 
					 | 
				
			||||||
}); | 
					 | 
				
			||||||
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						
									
										Binary file not shown.
									
								
							
						| 
		 After Width: | Height: | Size: 207 B  | 
| 
		 After Width: | Height: | Size: 62 KiB  | 
@ -0,0 +1,26 @@ | 
				
			|||||||
 | 
					import React from "react"; | 
				
			||||||
 | 
					import book from "../../assets/images/o1.svg"; | 
				
			||||||
 | 
					import bookPage from "../../assets/images/Path2.svg"; | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					const BookDesign = () => { | 
				
			||||||
 | 
					  return ( | 
				
			||||||
 | 
					    <section className="my-24 mx-24 flex"> | 
				
			||||||
 | 
					      <div className="flex relative bg-rose-400"> | 
				
			||||||
 | 
					        <img | 
				
			||||||
 | 
					          src={book} | 
				
			||||||
 | 
					          alt="" | 
				
			||||||
 | 
					          className="rounded-md z-40 transform -translate-x-2" | 
				
			||||||
 | 
					        /> | 
				
			||||||
 | 
					        <img src={bookPage} alt="" className="z-30" /> | 
				
			||||||
 | 
					        <div className="bg-greenBookBg w-4 rounded-l-md transform translate-x-3 z-10"></div> | 
				
			||||||
 | 
					        {/* <div className="bg-greenBookBg rounded-l-md w-20 transform translate-x-4 z-10"></div> */} | 
				
			||||||
 | 
					        <div | 
				
			||||||
 | 
					          className="absolute left-0 -bottom-0 h-8 rounded-full z-50 shadow-lg bg-slate-700" | 
				
			||||||
 | 
					          style={{ width: 216 }} | 
				
			||||||
 | 
					        ></div> | 
				
			||||||
 | 
					      </div> | 
				
			||||||
 | 
					    </section> | 
				
			||||||
 | 
					  ); | 
				
			||||||
 | 
					}; | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					export default BookDesign; | 
				
			||||||
@ -1,13 +0,0 @@ | 
				
			|||||||
body { | 
					 | 
				
			||||||
  margin: 0; | 
					 | 
				
			||||||
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', | 
					 | 
				
			||||||
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', | 
					 | 
				
			||||||
    sans-serif; | 
					 | 
				
			||||||
  -webkit-font-smoothing: antialiased; | 
					 | 
				
			||||||
  -moz-osx-font-smoothing: grayscale; | 
					 | 
				
			||||||
} | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
code { | 
					 | 
				
			||||||
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', | 
					 | 
				
			||||||
    monospace; | 
					 | 
				
			||||||
} | 
					 | 
				
			||||||
@ -0,0 +1,13 @@ | 
				
			|||||||
 | 
					@tailwind base; | 
				
			||||||
 | 
					@tailwind components; | 
				
			||||||
 | 
					@tailwind utilities; | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@font-face { | 
				
			||||||
 | 
					  font-family: "iransans-medium"; | 
				
			||||||
 | 
					  src: url(./assets/fonts/iransans/ttf/IRANSansWeb_Medium.ttf); | 
				
			||||||
 | 
					} | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					body { | 
				
			||||||
 | 
					  font-family: iransans-medium; | 
				
			||||||
 | 
					  direction: rtl; | 
				
			||||||
 | 
					} | 
				
			||||||
| 
		 Before Width: | Height: | Size: 2.6 KiB  | 
@ -0,0 +1,11 @@ | 
				
			|||||||
 | 
					module.exports = { | 
				
			||||||
 | 
					  content: ["./src/**/*.{js,jsx,ts,tsx}"], | 
				
			||||||
 | 
					  theme: { | 
				
			||||||
 | 
					    extend: {}, | 
				
			||||||
 | 
					    backgroundColor: (theme) => ({ | 
				
			||||||
 | 
					      ...theme("colors"), | 
				
			||||||
 | 
					      greenBookBg: "#5DA041", | 
				
			||||||
 | 
					    }), | 
				
			||||||
 | 
					  }, | 
				
			||||||
 | 
					  plugins: [], | 
				
			||||||
 | 
					}; | 
				
			||||||
					Loading…
					
					
				
		Reference in new issue