Fabula Brevis

View Website

About:

A detailed visual analysis of Scylla's encounter with Odysseus.

Technologies:

• Vue
• Vite
• TypeScript
• Tailwind CSS
• Vercel

Structure:

fabula-brevis
└── tsconfig.node.json
└── tsconfig.json
└── tailwind.config.cjs
└── README.md
└── postcss.config.cjs
└── package.json
└── package-lock.json
└── index.html
└── .prettierrc
└── .prettierignore
└── .gitignore
├── public
│   └── play.svg
│   └── pause.svg
│   └── boat.svg
│   └── story
│       └── img-8.png
│       └── img-7.png
│       └── img-6.png
│       └── img-5.png
│       └── img-4.png
│       └── img-3.png
│       └── img-2.png
│       └── img-15.png
│       └── img-14.png
│       └── img-13.png
│       └── img-12.png
│       └── img-11.png
│       └── img-10.png
│       └── img-1.png
│       └── img-9.png
├── src
│   └── style.css
│   └── main.ts
│   └── App.vue
│   ├── assets
│   │   ├── data
│   │   │   └── storySlides.ts
│   │   │   └── vocab.ts
│   │   ├── images
│   │   │   └── dragon.svg
│   │   │   └── boat.svg
│   │   │   └── arrow.svg
│   │   │   └── github.svg
│   │   └── types
│   │       └── storySlide.ts
│   │       └── vocab.ts
│   ├── components
│   │   └── Table.vue
│   └── vite-env.d.ts
└── vite.config.ts