+15 -95
View File
@@ -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!\
![Image 3](img3.jpg)\
![Image 4](img4.jpg)\
<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>
- ![Image 1](img1.jpg)<br>
- ![Image 2](img2.jpg)<br>
- ![Image 3](img3.jpg)<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>