Skip to content

Commit

Permalink
transfer half the page to react
Browse files Browse the repository at this point in the history
  • Loading branch information
LevaniVashadze committed Mar 1, 2024
1 parent 4f71135 commit da654ba
Show file tree
Hide file tree
Showing 28 changed files with 5,815 additions and 222 deletions.
21 changes: 21 additions & 0 deletions .eslintrc.cjs
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
module.exports = {
root: true,
env: { browser: true, es2020: true },
extends: [
'eslint:recommended',
'plugin:react/recommended',
'plugin:react/jsx-runtime',
'plugin:react-hooks/recommended',
],
ignorePatterns: ['dist', '.eslintrc.cjs'],
parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
settings: { react: { version: '18.2' } },
plugins: ['react-refresh'],
rules: {
'react/jsx-no-target-blank': 'off',
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
},
}
24 changes: 24 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
3 changes: 3 additions & 0 deletions .prettierrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"plugins": ["prettier-plugin-tailwindcss"]
}
12 changes: 8 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,10 @@
# Personal_Website
Simple static Website.
# Personal Website

Work in Progress
Simple Website.

https://levani.is-a.dev

Used to be a simple static Site without any Javascript, now I updated it to use Vite+React+Tailwind, it really isn't
needed, but makes it
easier to expand the site in the future.

URL: https://levani.is-a.dev
Binary file removed images/gmt.png
Binary file not shown.
235 changes: 17 additions & 218 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,223 +1,22 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<!-- little icons import -->
<script
src="https://kit.fontawesome.com/9b7883e796.js"
crossorigin="anonymous"
></script>

<!-- font import -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&family=Oswald&family=Raleway:wght@300&display=swap"
rel="stylesheet"
/>
<head>
<meta charset="UTF-8"/>

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="images/favicon.ico" />
<title>Levani's Website</title>
<meta
name="description"
content="Levani's Personal Website nothing more then that"
/>

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Levani's Website" />
<meta name="twitter:description" content="Levani's Personal Website" />
<meta name="twitter:image" content="images/favicon.ico" />

<!-- Bootstrap CSS -->
<!-- little icons import -->
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&family=Oswald&family=Raleway:wght@300&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/styles.css" />
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"
></script>
</head>

<body>
<nav class="navbar fixed-top navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#title">L</a>

<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#Home">Home</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#About">About</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#Work">My Work</a>
</li>

<li class="nav-item">
<a class="nav-link" href="#Contact">Contact</a>
</li>
</ul>
</div>
</nav>

<!-- == -->

<section id="Home">
<div class="title center-total">
<h1>Hello,</h1>
<h3>Welcome to Levani's Website</h3>
</div>
</section>

<section id="About">
<div>
<h2>My name is Levani and I am a software developer.</h2>
<p>
My favourite Language is Python. I can fluently speak German, English
and Georgian. I am mainly focused on the Backend using Django, but I
also have experience using React.
</p>
</div>
</section>

<!-- == -->

<section id="Work">
<div class="container frame">
<div class="row">
<div class="project col-md-6">
<img
src="images/project_1.png"
class="project-img"
alt="image of project(this website)"
/>
<br />

<a
href="https://github.com/LevaniVashadze/Personal_Website"
class="description"
>Well, I don't have many Projects but this website you are viewing
is one. If you click me you can view the source code.
</a>
</div>

<div class="project col-md-6">
<img
src="images/gmt.png"
class="project-img"
alt="Good Morning Tech"
/>
<br />

<a
href="https://github.com/goodmornintech/goodmorningtech"
class="description"
>
Together with a few co-developers I am working on a service called
Good Morning Tech. Click me to view the GitHub page of the
project. Built using Flask. Check out the new WIP website at
https://goodmorningtech.news.
</a>
</div>
</div>
<div class="row">
<div class="project col-md-6">
<img src="images/ecom.png" class="project-img" alt="Ecom Website" />
<br />

<a
href="https://github.com/LevaniVashadze/EcommerceWebsite"
class="description"
>
I am building an Ecommerce Website using Django and React. Click
me to view the GitHub page of the project. Currently, the navbar and part of the landing page is finished,
together with a dark theme and localisation. It is still in development.
</a>
</div>
</div>
</div>
</section>

<!-- == -->

<section id="Contact">
<h3 class="form-title">
If you want me to help you do something, that you think I am able to do
send me a message or a Email.
</h3>

<form method="post" action="https://formspree.io/f/xoqrgvkg">
<input
type="email"
class="form-control thick-border"
aria-describedby="emailHelp"
placeholder="Your Email"
name="email"
/>
<br />

<input
type="text"
class="form-control thick-border"
aria-describedby="text"
placeholder="Subject"
name="subject"
/>
<br />

<textarea
class="form-control thick-border"
aria-describedby="text"
placeholder="Message"
name="text"
></textarea>
<br />

<button type="submit" class="btn-lg btn-dark">Send</button>
</form>
</section>

<div class="kofi">
<script
type="text/javascript"
src="https://storage.ko-fi.com/cdn/widget/Widget_2.js"
></script>
<script type="text/javascript">
kofiwidget2.init("Support Me on Ko-fi", "#323842", "J3J1EJX4B");
kofiwidget2.draw();
</script>
</div>

<section id="Footer">
<a href="https://github.com/LevaniVashadze">
<i class="fa-brands fa-github"></i>
</a>
<a href="mailto:[email protected]">
<i class="fa-solid fa-envelope"></i>
</a>

<p class="copyright">© Levani Vashadze 2022</p>
</section>
</body>
<link rel="icon" href="/favicon.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Vite + React</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
<script src="./node_modules/preline/dist/preline.js"></script>
</body>
</html>
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Loading

0 comments on commit da654ba

Please sign in to comment.