mirror of
https://github.com/audiobookshelf/audiobookshelf-web.git
synced 2025-08-11 21:39:10 +02:00
56 lines
2.1 KiB
Vue
56 lines
2.1 KiB
Vue
|
<template>
|
|||
|
|
<div id="podcast-structure" class="py-10 md:py-20">
|
|||
|
|
<h1 class="text-xl md:text-3xl mb-4 md:-ml-8">
|
|||
|
|
<nuxt-link to="#podcast-structure"><span class="material-icons text-lg md:text-xl text-gray-400 hover:text-white cursor-pointer mr-2">tag</span></nuxt-link
|
|||
|
|
>Podcast Directory Structure
|
|||
|
|
</h1>
|
|||
|
|
|
|||
|
|
<p class="mb-4 text-sm md:text-base">Here is an example supported directory structure</p>
|
|||
|
|
|
|||
|
|
<div class="p-4 border border-opacity-10 bg-primary bg-opacity-20 font-mono">
|
|||
|
|
<div class="flex py-1 max-w-2xl">
|
|||
|
|
<img src="/folder.svg" class="h-6" />
|
|||
|
|
<p class="pl-2">Lex Fridman Podcast</p>
|
|||
|
|
<div class="hidden md:block flex-grow" />
|
|||
|
|
<span class="hidden md:block text-white text-opacity-50 pl-4"><-- Title </span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex py-1 max-w-2xl">
|
|||
|
|
<span class="text-white text-opacity-25"> - </span>
|
|||
|
|
<span class="material-icons">audiotrack</span>
|
|||
|
|
<p class="pl-2">#219 – Donald Knuth.mp3</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex py-1 max-w-2xl">
|
|||
|
|
<span class="text-white text-opacity-25"> - </span>
|
|||
|
|
<span class="material-icons">audiotrack</span>
|
|||
|
|
<p class="pl-2">#252 – Elon Musk.mp3</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex py-1 max-w-2xl">
|
|||
|
|
<span class="text-white text-opacity-25"> - </span>
|
|||
|
|
<span class="material-icons">crop_original</span>
|
|||
|
|
<p class="pl-2">Cover.jpg</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex py-1 max-w-2xl">
|
|||
|
|
<img src="/folder.svg" class="h-6" />
|
|||
|
|
<p class="pl-2">Self-Hosted</p>
|
|||
|
|
<div class="hidden md:block flex-grow" />
|
|||
|
|
<span class="hidden md:block text-white text-opacity-50 pl-4"><-- Title </span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex py-1 max-w-2xl">
|
|||
|
|
<span class="text-white text-opacity-25"> - </span>
|
|||
|
|
<span class="material-icons">audiotrack</span>
|
|||
|
|
<p class="pl-2">#69 - Get Off My Lawn.mp3</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {}
|
|||
|
|
},
|
|||
|
|
computed: {},
|
|||
|
|
methods: {},
|
|||
|
|
mounted() {}
|
|||
|
|
}
|
|||
|
|
</script>
|