initial commit

.github/workflows/main.yml

@@ -0,0 +1,24 @@
+name: Deploy to HF Spaces
+
+on:
+  push:
+    branches:
+      - 'hf-deploy'
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          lfs: false
+      
+      - name: Push to HF Spaces
+        env:
+          HF_TOKEN: ${{ secrets.HF_TOKEN }}
+        run: |
+          git config --global user.email "[email protected]"
+          git config --global user.name "GitHub Actions"
+          git push https://HuggingFaceBot:[email protected]/spaces/vinay-jose/notesMD hf-deploy:main
+          

Dockerfile

@@ -0,0 +1,15 @@
+FROM python:3.12
+
+RUN useradd -m -u 1000 user
+USER user
+ENV PATH="/home/user/.local/bin:$PATH"
+
+RUN pip install --upgrade pip
+
+WORKDIR /app
+
+COPY --chown=user ./requirements.txt requirements.txt
+RUN pip install --no-cache-dir --upgrade -r requirements.txt
+
+COPY --chown=user . /app
+CMD ["python", "app.py"]

README.md

@@ -1,2 +1,14 @@
+---
+title: Books
+emoji: 🐠
+colorFrom: gray
+colorTo: green
+sdk: docker
+pinned: false
+license: apache-2.0
+short_description: app to render markdown notes
+app_port: 5001
+---
+
 # notesMD
-app to render markdown notes
+

app.py

@@ -0,0 +1,166 @@
+from fasthtml.common import *
+from monsterui.all import *
+import frontmatter
+import pathlib
+from fasthtml.components import Uk_theme_switcher
+from monsterui.foundations import *
+
+app, rt = fast_app(hdrs=Theme.gray.headers(daisy=True))
+
+def load_book(file_path):
+    """Load and parse a book's markdown file"""
+    with open(file_path) as f:
+        post = frontmatter.load(f)
+    return post
+
+def create_mode_picker():
+    def _opt(val, txt, **kwargs): return Option(txt, value=val, **kwargs)
+    def _optgrp(key, lbl, opts): return Optgroup(data_key=key, label=lbl)(*opts)
+    group = _optgrp('mode', 'Mode', 
+                    [
+                        _opt('light','Light',data_icon='sun'), 
+                        _opt('dark','Dark',data_icon='moon')
+                    ])
+    return Div(Uk_theme_switcher(
+                    Select(group, hidden=True, selected=True),  
+                    id="mode-picker"
+                ), 
+               cls=stringify('p-4'))
+
+def create_book_page(post):
+    """Create the detailed book page using our template"""
+    metadata = post.metadata
+    return Container(
+        random_theme_script(),
+        DivCentered(
+            Card(
+                DivCentered(
+                    H1(metadata["title"], 
+                        cls="text-transparent bg-clip-text bg-gradient-to-r from-primary via-muted to-primary transition-all duration-1000 hover:scale-105",
+                        style="font-size: 2.5rem; font-weight: 700; -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.7);"),
+                    H2(metadata["author"], cls=(TextT.muted)),
+                    A(
+                        Img(
+                            src=metadata['cover_img_url'], 
+                            cls="rounded-lg hover:scale-105 shadow-lg transition-all duration-1000",
+                            style="width:300px"
+                        ),
+                        cls="rounded-lg overflow-hidden",
+                        href=metadata['book_url']
+                    ),
+                    cls="text-center space-y-6"
+                ),
+                DivCentered(
+                    Section(
+                        DivHStacked(
+                            Label(f"📅 {metadata['date'].strftime('%B %d, %Y')}", cls=LabelT.secondary),
+                            Label(f"📚 {metadata['genre']}", cls=LabelT.secondary),
+                            cls="space-x-2"
+                        ),
+                        cls=SectionT.xs
+                    ),
+                    cls="mb-6"                            
+                ),
+                Div(
+                    render_md(
+                        post.content,
+                        class_map={
+                            'h3': f'text-transparent bg-clip-text bg-gradient-to-r from-primary to-secondary {TextT.xl} {TextT.bold} mb-6 mt-8',
+                            'ul': f'{ListT.disc} space-y-4 mb-8',
+                            'li': f'{TextT.lg} {TextT.normal} leading-relaxed',
+                            'ul ul': f'{ListT.circle} ml-8 mt-4',
+                            'ul ul li': f'{TextT.normal} leading-relaxed',
+                            'p': f'{TextT.lg} {TextT.normal} mb-4',
+                            'img': 'rounded-lg shadow-md hover:shadow-xl transition-shadow duration-200',
+                            '*[@class="gallery"]': 'flex flex-row items-center justify-center gap-8'
+                        }
+                    ),
+                    cls = 'space-y-6'
+                ),
+                cls=CardT.default
+            )
+        ),
+        cls=(ContainerT.lg, 'p-8'),
+        style="position: relative; overflow: hidden;"
+    )
+
+def create_book_card(metadata, filename):
+    """Create a card for the book listing"""
+    return A(
+        Card(
+            DivCentered(
+                Img(
+                    src=metadata['cover_img_url'],
+                    cls="rounded-lg shadow-md hover:scale-105 transition-all duration-300",
+                    style="width:200px"
+                ),
+                H3(metadata['title'],
+                   cls="text-transparent bg-clip-text bg-gradient-to-r from-primary to-secondary"),
+                P(metadata['author'], cls=TextT.muted),
+                DivHStacked(
+                    Label(metadata['genre'], cls=LabelT.secondary),
+                    Label(metadata['date'].strftime('%B %d, %Y'), cls=LabelT.secondary),
+                    cls="mt-4 space-x-2"
+                ),
+                cls="space-y-4 p-4"
+            ),
+            cls=(CardT.hover, "transition-all duration-300 hover:shadow-xl")
+        ),
+        href=f"/book/{filename}",
+    )
+
+def random_theme_script():
+    return Script("""
+            document.addEventListener('DOMContentLoaded', function() {
+                const themes = ['uk-theme-zinc', 'uk-theme-slate', 'uk-theme-red', 
+                                'uk-theme-rose', 'uk-theme-orange', 'uk-theme-green', 
+                                'uk-theme-blue', 'uk-theme-yellow', 'uk-theme-violet'];
+                const randomTheme = themes[Math.floor(Math.random() * themes.length)];
+                document.documentElement.className = randomTheme;
+            });
+        """)
+
+@rt
+def index():
+    """Homepage with grid of book cards"""
+    books_path = pathlib.Path('books')
+    book_files = list(books_path.glob('*.md'))
+    
+    # Create cards for each book
+    book_cards = []
+    for file in book_files:
+        post = load_book(file)
+        book_cards.append(create_book_card(post.metadata, file.stem))
+    
+    return Container(
+        create_mode_picker(),
+        random_theme_script(),
+        Grid(*book_cards, 
+            cols_sm=1, cols_md=2, cols_lg=3, cols_xl=4, 
+            gap=6),
+        cls=(ContainerT.xl, 'p-8')
+    )
+
+@rt("/book/{filename}") 
+def get(filename: str):
+    """Individual book page"""
+    try:
+        books_path = pathlib.Path('books')
+        book_file = books_path / f"{filename}.md"
+        
+        if not book_file.exists():
+            raise FileNotFoundError
+            
+        post = load_book(book_file)
+        return create_book_page(post)
+    except (FileNotFoundError, ValueError) as e:
+        return Container(
+            DivCentered(
+                H1("Book Not Found", cls=TextT.error),
+                P("Sorry, we couldn't find the book you're looking for."),
+                A("Return to Library", href="/", cls=ButtonT.primary),
+                cls="space-y-6 py-12"
+            )
+        )
+
+serve()

books/show_your_work.md

@@ -0,0 +1,39 @@
+---
+date: 2024-01-24
+genre: Self-Help
+title: Show Your Work
+author: Austin Kleon
+cover_img_url: https://i.pinimg.com/736x/81/e1/a8/81e1a857c7c6ced9378fa8320aad0807.jpg
+book_url: https://www.audible.in/pd/The-Steal-Like-an-Artist-Audio-Trilogy-Audiobook/B0B6QCC6TM
+tags: []
+---
+
+### The Good Stuff
+
++ All you need is to show your work; influence others by letting others steal from you 😉
++ "Be so good they can't ignore you" - Steve Martin
++ Working in public
++ Alternative to self promotion???
++ Find a scenius - be part of a creative community
++ Be an amateur - do things out of love
++ Share things that you are passionate about with your community
++ "Find your voice, shout it from the rooftops, and keep doing it until the people that are looking for you find you." - Dan Harmon
++ Think process, not product.
++ People like to see how the sausage is made; what happens behind the scenes.
++ Document your work, intermediate steps in the process - helps you introspect and show others.
++ Share something small everday
++ "Put yourself and your work out there everyday and you'll start meeting some amazing people." - Bobby Solomon
++ Think of your boss and mother reading the stuff you share
++ Flow - small steps v/s Stock - big milestones
++ Design your process so that your little flows culminate into stock
+
+<!-- ### A few good illustrations from the book
+
+<div class="gallery">
+    <img src="https://live.staticflickr.com/6215/6289302147_38e8035680.jpg" alt="Good Theft vs Bad Theft " width="auto" height="300">
+    <img src="https://live.staticflickr.com/6109/6998009409_bd8679529b.jpg" alt="Garbage In, Garbage Out" width="auto" height="300">
+</div> -->
+
+### My Thoughts
+
+

books/steal_like_an_artist.md

@@ -0,0 +1,49 @@
+---
+date: 2024-01-15
+genre: Self-Help
+title: Steal Like an Artist
+author: Austin Kleon
+cover_img_url: https://live.staticflickr.com/8209/8167875453_6e2cd6b9e2_m.jpg
+book_url: https://www.audible.in/pd/The-Steal-Like-an-Artist-Audio-Trilogy-Audiobook/B0B6QCC6TM
+tags: []
+---
+
+### The Good Stuff
+
++ "All advice is autobiographical"
++ Copy great work, fall short, adapt and create your own version
++ "Garbage in, garbage out."
++ Do the work you want to see get done, 
+    build the product you want to use, 
+    create the music you want to listen to
++ Just doing things you know how to ends up boring
++ Use your hands, move your body
++ Side projects / hobbies are important, protect and nurture them
++ "Don't throw any parts of yourself away"
++ "Don't worry about unity [of your work] from piece to piece - what unifies all of your work is the fact that you made it"
++ "You can't connect the dots looking forward, 
+    you can only connect them looking backwards" - Steve Jobs
++ Do good work (the hard part), 
+    share it with people (relatively easy - post about it online)
++ Forget about validation, write public fan letters
++ Do boring stuff, find time to get bored.
++ "Inertia is the death of creativity"
++ Build systems; track habits
++ Creativity is Subtraction - do less, say less
++ Constraints bring out the best work in you
+    - eg: Green Eggs and Ham by Dr. Seuss - written using only 50 words 
++ Creativity isn't just what you put in, it's also what you leave out.
+
+### A few good illustrations from the book
+
+<div class="gallery">
+    <img src="https://live.staticflickr.com/6215/6289302147_38e8035680.jpg" alt="Good Theft vs Bad Theft " width="auto" height="300">
+    <img src="https://live.staticflickr.com/6109/6998009409_bd8679529b.jpg" alt="Garbage In, Garbage Out" width="auto" height="300">
+</div>
+
+### My Thoughts
+
+One thing that stayed with me most is the advice to find time for your passion and protective of the piece. 
+Lot of these ideas are also discussed in books of Cal Newport. 
+The Steve Job quote reminds of something Eric Ries said about pieces of work culminating in a magnum opus. 
+Austin Kleon keeps the books short and to the point. It was a good listen, and I am looking forward to the next one in the trilogy!

requirements.txt

@@ -0,0 +1,3 @@
+MonsterUI
+python-fasthtml
+python-frontmatter