Merge branch 'release/0.1.1'

Author: mostafizurhimself

README.md

@@ -6,9 +6,9 @@ Get Profile – is a personal portfolio template bundle. Here you can find a lot
 
 <!-- Add a table with 3 columns -->
 
-| Template Name                    | Live Demo                                     | Deployment                                                                                                                                                           |
-| -------------------------------- | --------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Pofology](./pofology/README.md) | [Live Demo](https://pofology.mostafizur.dev/) | [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fmostafizurhimself%2Fgetprofile%2Fpofology) |
+| Template Name                    | Live Demo                                    | Deployment                                                                                                                                                           |
+| -------------------------------- | -------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [Pofology](./pofology/README.md) | [Live Demo](https://pofology.bdlancers.com/) | [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fmostafizurhimself%2Fgetprofile%2Fpofology) |
 
 ### Contribution
 

pofology/.env.example

@@ -1 +1 @@
-NEXT_PUBLIC_API_URL=http://localhost:1337/api
+NEXT_PUBLIC_APP_NAME=Pofology

pofology/README.md

@@ -2,11 +2,11 @@
 
 Pofology – is a personal portfolio template build with Typescript, NextJS and Tailwindcss. This template is designed for building beautiful personal portfolio website. It has a great customisable option. Fully responsive and looks great on any devices. This template contains custom made pages for your portfolios & blog posts. It’s suitable for designers, developers or freelancers who want to show their projects and services, share their thoughts and knowledge with their own platform. Finally it’s a clean & minimal design.
 
-Demo live at: [https://pofology.mostafizur.dev/](https://pofology.mostafizur.dev/)
+Demo live at: [https://pofology.bdlancers.com/](https://pofology.bdlancers.com/)
 
 [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fmostafizurhimself%2Fgetprofile%2Fpofology)
 
-### Features
+## Features
 
 - Built on Typescript, NextJS and Tailwindcss
 - Light & Dark theme support
@@ -19,7 +19,7 @@ Demo live at: [https://pofology.mostafizur.dev/](https://pofology.mostafizur.dev
 - Easily Customizable
 - Reusable Components
 
-### How to use
+## How to use
 
 1. Install NodeJs
 
@@ -71,9 +71,39 @@ Now you can see the project running on [http://localhost:3000](http://localhost:
 
 _**NB: If you are using npm, then remove the `yarn.lock` file**_
 
----
-
-#### Screenshots
+## Project Structure
+
+There are two main folders `public` & `src` and some other configuration related file in project root.
+
+- public
+  - fonts → Application fonts
+  - images → Application Images
+- src
+  - components → Reusable react components
+    - form → Form related components
+    - icons → Custom icons components
+    - partials → Components which are the part of a big layout but not repeatedly used
+    - shared → Repeatedly used components
+  - data → Static data for the application
+  - hooks → Reusable custom react hooks
+  - layouts → Contains the app base layout
+  - pages → Here goes available pages for the application
+    - blog
+      - [id].tsx
+      - index.tsx
+    - works
+      - [id].tsx
+      - index.tsx
+    - \_app.tsx
+    - contact.tsx
+    - index.tsx
+  - styles → Contains application .`scss` files
+    - modules → Style modules which are directly used in react components
+    - partials → SCSS partial files
+    - app.scss → The main SCSS file which is loaded by the application
+  - types → Type definations for the application
+
+### Screenshots
 
 ![Pofology Dark](public/screenshot_01.png)
 ![Pofology Dark](public/screenshot_02.png)

pofology/src/components/partials/Menu.tsx

@@ -16,7 +16,7 @@ const Menu = () => {
       <div className="mx-auto flex h-16 max-w-7xl items-center px-4 md:px-6">
         <Link href="/">
           <a className="text-3xl  font-bold">
-            <span>Mostafizur</span>
+            <span>Pofology</span>
             <span className="text-primary-500">.</span>
           </a>
         </Link>
@@ -127,7 +127,7 @@ const Menu = () => {
                 <div className="border-b px-2 pb-4 dark:border-gray-700">
                   <Link href="/">
                     <a className="text-3xl  font-bold">
-                      <span>Mostafizur</span>
+                      <span>Pofology</span>
                       <span className="text-primary-500">.</span>
                     </a>
                   </Link>

pofology/src/layouts/AppLayout.tsx

@@ -11,7 +11,8 @@ interface Props {
 }
 
 const AppLayout: React.FC<Props> = ({ children, title }) => {
-  const pageTitle = title ? `${title} | GetProfile` : 'GetProfile';
+  const appName = process.env.NEXT_PUBLIC_APP_NAME || 'Pofology';
+  const pageTitle = title ? `${title} - ${appName}` : appName;
   return (
     <>
       <Head>

pofology/tailwind.config.js

@@ -7,7 +7,7 @@ module.exports = {
     "./src/layouts/**/*.{js,ts,jsx,tsx}",
     "./src/components/**/*.{js,ts,jsx,tsx}",
   ],
-  darkMode: 'class',
+  darkMode: 'media',
   theme: {
     screens: {
       'xs': '475px',