Compare commits
3
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
fa2e1d257b | ||
|
|
2ff0dcb8d6 | ||
|
|
d1ac1989b9 |
@@ -1,102 +1,22 @@
|
|||||||
# Images by Olofsson
|
# Homepage
|
||||||
|
|
||||||
A modern, responsive photography portfolio website built with Astro, Tailwind CSS, and advanced animations.
|
Welcome to the Homepage!\
|
||||||
|
\
|
||||||
|
\
|
||||||
|
|
||||||
<br>
|
## Navigation
|
||||||
|
|
||||||
<div align="center">
|
- Home\
|
||||||
<table>
|
- About\
|
||||||
<tr>
|
- Contact\
|
||||||
<td align="center">
|
|
||||||
<img src="https://raw.githubusercontent.com/Images-by-Olofsson/homepage/main/public/3d-scroll/img1.jpg" width="250" alt="Portfolio Grid">
|
|
||||||
<br><em>Portfolio Grid</em>
|
|
||||||
</td>
|
|
||||||
<td align="center">
|
|
||||||
<img src="https://raw.githubusercontent.com/Images-by-Olofsson/homepage/main/public/3d-scroll/img2.jpg" width="250" alt="3D Scroll Effect">
|
|
||||||
<br><em>3D Scroll Effect</em>
|
|
||||||
</td>
|
|
||||||
<td align="center">
|
|
||||||
<img src="https://raw.githubusercontent.com/Images-by-Olofsson/homepage/main/public/3d-scroll/img3.jpg" width="250" alt="Hero Section">
|
|
||||||
<br><em>Hero Section</em>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br>
|
This is a modern design layout that showcases our projects. The use of images and text is intended to maintain an aesthetic appeal.<br>
|
||||||
<br>
|
|
||||||
|
|
||||||
## Features
|
## Gallery
|
||||||
|
|
||||||
Modern design with minimalist aesthetics and focus on imagery. Advanced animations including wave effects, 3D scroll transforms, and smoke particles. Fully responsive across all devices with optimized performance.
|
Here are some images that represent our work:<br>
|
||||||
|
- <br>
|
||||||
|
- <br>
|
||||||
|
- <br>
|
||||||
|
|
||||||
<br>
|
Thank you for visiting!
|
||||||
|
|
||||||
## Quick Start
|
|
||||||
|
|
||||||
**Prerequisites**
|
|
||||||
|
|
||||||
Node.js 18.0 or higher
|
|
||||||
|
|
||||||
**Installation**
|
|
||||||
|
|
||||||
```bash
|
|
||||||
git clone https://github.com/Images-by-Olofsson/homepage.git
|
|
||||||
cd homepage
|
|
||||||
npm install
|
|
||||||
```
|
|
||||||
|
|
||||||
**Development**
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run dev
|
|
||||||
```
|
|
||||||
|
|
||||||
**Build**
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run build
|
|
||||||
npm run preview
|
|
||||||
```
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
## Project Structure
|
|
||||||
|
|
||||||
```
|
|
||||||
src/
|
|
||||||
├── assets/
|
|
||||||
├── components/
|
|
||||||
│ ├── WaveBackground.astro
|
|
||||||
│ ├── ThreeDScroll.astro
|
|
||||||
│ ├── FloatingOrbs.astro
|
|
||||||
│ └── Welcome.astro
|
|
||||||
├── layouts/
|
|
||||||
│ ├── MainLayout.astro
|
|
||||||
│ └── Layout.astro
|
|
||||||
├── pages/
|
|
||||||
│ ├── index.astro
|
|
||||||
│ ├── portfolio.astro
|
|
||||||
│ ├── about.astro
|
|
||||||
│ └── contact.astro
|
|
||||||
└── styles/
|
|
||||||
└── global.css
|
|
||||||
```
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
## Technologies
|
|
||||||
|
|
||||||
Astro, Tailwind CSS, TypeScript, Exifr
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
## License
|
|
||||||
|
|
||||||
MIT License - see LICENSE file for details
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<div align="center">
|
|
||||||
<p>Built by Linus Olofsson</p>
|
|
||||||
</div>
|
|
||||||
Reference in New Issue
Block a user