Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-19 04:49:37 +02:00
Code Issues Releases Activity

fixed card layout

Browse source
This commit is contained in:
Sean Morley 2024-07-16 15:44:37 -04:00
parent b39ac34b68
commit a5c248932a
2 changed files with 42 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

31
README.md
View file

@ -10,7 +10,7 @@ _**⚠️ AdventureLog is in early development and is not recommended for produc
# Docker 🐋 # Docker 🐋
Docker is the perffered way to run AdventureLog on your local machine. It is a lightweight containerization technology that allows you to run applications in isolated environments called containers. Docker is the preferred way to run AdventureLog on your local machine. It is a lightweight containerization technology that allows you to run applications in isolated environments called containers.
**Note**: This guide mainly focuses on installation with a linux based host machine, but the steps are similar for other operating systems. **Note**: This guide mainly focuses on installation with a linux based host machine, but the steps are similar for other operating systems.
## Prerequisites ## Prerequisites
@ -53,6 +53,35 @@ Here is a summary of the configuration options available in the `docker-compose.
| `PUBLIC_URL` | Yes | This is the publically accessible url to the **nginx** container. You should be able to acess nginx from this url where you access your app. | http://127.0.0.1:81 | | `PUBLIC_URL` | Yes | This is the publically accessible url to the **nginx** container. You should be able to acess nginx from this url where you access your app. | http://127.0.0.1:81 |
| `CSRF_TRUSTED_ORIGINS` | Yes | Need to be changed to the orgins where you use your backend server and frontend. These values are comma seperated. | Needs to be changed. | | `CSRF_TRUSTED_ORIGINS` | Yes | Need to be changed to the orgins where you use your backend server and frontend. These values are comma seperated. | Needs to be changed. |
### Proxy Container (nginx) Configuration
In order to use media files in a production environment, you need to configure the `nginx` container to serve the media files. The container is already in the docker compose file but you need to do a few things to make it work.
1. Create a directory called `proxy` in the same directory as the `docker-compose.yml` file.
2. Create a file called `nginx.conf` in the `proxy` directory.
3. Add the following configuration to the `nginx.conf` file:
```nginx
server {
listen 80;
server_name localhost;
location /media/ {
alias /app/media/;
}
}
```
## Running the Containers
To start the containers, run the following command:
```bash
docker compose up -d
```
Enjoy AdventureLog! 🎉
# About AdventureLog # About AdventureLog
AdventureLog is a Svelte Kit and Django application that utilizes a PostgreSQL database. Users can log the adventures they have experienced, as well as plan future ones. Key features include: AdventureLog is a Svelte Kit and Django application that utilizes a PostgreSQL database. Users can log the adventures they have experienced, as well as plan future ones. Key features include:

22
frontend/src/lib/components/AdventureCard.svelte
View file

@ -125,16 +125,18 @@
</figure> </figure>
<div class="card-body"> <div class="card-body">
<h2 class="card-title break-words text-wrap"> <div class="flex justify-between">
{adventure.name} <h2 class="text-2xl font-semibold -mt-2 break-words text-wrap">
</h2> {adventure.name}
<div> </h2>
{#if adventure.type == 'visited'} <div>
<div class="badge badge-primary">Visited</div> {#if adventure.type == 'visited'}
{:else} <div class="badge badge-primary">Visited</div>
<div class="badge badge-secondary">Planned</div> {:else}
{/if} <div class="badge badge-secondary">Planned</div>
<div class="badge badge-neutral">{adventure.is_public ? 'Public' : 'Private'}</div> {/if}
<div class="badge badge-neutral">{adventure.is_public ? 'Public' : 'Private'}</div>
</div>
</div> </div>
{#if adventure.location && adventure.location !== ''} {#if adventure.location && adventure.location !== ''}
<div class="inline-flex items-center"> <div class="inline-flex items-center">