Above: This is a personal website I put together in 2 days.

Lany4’s Digital Garden

Introduction

I built this website as a way to showcase my work across multiple fields, which would help me define who I am creatively while allowing people to see what kind of work I’ve been doing over the years.

Materials and Methods

The Folder Naming System

Each page in this website is organized with a code-based system inspired by architectural sheet indexing. This is simply a framework I would going by, I may not include all of this in my website.

  • A Art Projects (Expressions of creativity)
    • A1: Life Projects
    • A2: Career Projects
    • A3: Architecture Projects
    • A4: Technology Projects
    • A5: Music Projects
    • A6: Digital Art Projects
    • A7: Video Projects
    • A8: Research Projects
    • A9: Writing Projects
    • A10: Twitch Projects
    • A11: Experimental Projects
  • B Books that I’m reading & reviewing
    • B1: Fiction
    • B2: Nonfiction
    • B3: Academic & Educational
    • B4: Technical & Professional
    • B5: Lifestyle & Practical Books
    • B6: Art & Design Books
    • B7: Poetry & Plays
    • B8: Anthologies & Collections
    • B9: Experimental & Emerging Formats
  • C Construction elements or fundamentals
    • C1: Floor Plans
    • C2: Elevations
    • C3: Sections
    • C4: Site Map
    • C5: Details
    • C6: RCP
    • C7: Schedules
    • C8: Interior Elevations
    • C9: Renderings
    • C10: Structural Drawings
    • C11: Electrical Drawings
    • C12: Mechanical Drawings
    • C13: Plumbing Drawings
    • C14: Landscape Drawings
    • C15: Civil Drawings
    • C16: General Administrative Drawings
    • C17: Specialized & Other Drawing Types
  • D Diagrams I created
    • D1: Conceptual & Idea Mapping Diagrams
    • D2: Architecture, Urbanism & Design Diagrams
    • D3: Science & Biology Diagrams
    • D4: Software & Systems Diagrams
    • D5: Data & Information Visualization Diagrams
    • D6: Philosophy, Logic & Argument Diagrams
    • D7: Business & Management Diagrams
    • D8: Social, Cultural & Historical Diagrams
    • D9: Abstract or Artistic Diagrams
  • F Areas of Focus (or Maps of Content)
    • F1: Life MOC
    • F2: Career MOC
    • F3: Architecture MOC
    • F4: Technology MOC
    • F5: Music MOC
    • F6: Digital Art MOC
    • F7: Video MOC
    • F8: Research MOC
    • F9: Writing MOC
    • F10: Twitch MOC
    • F11: Experimental MOC
  • G General rules/laws that are applicable to my projects
    • G1: Natural Laws
    • G2: Logical & Mathematical Laws
    • G3: Legal & Governmental Laws
    • G4: Ethical, Moral & Social Rules
    • G5: Business, Economic & Organizational Rules
    • G6: Design, Art & Architecture Principles
    • G7: Heuristics, Laws of Thought & Human Behavior
    • G8: Tech & Digital Rules
    • G9: Personal/Self-Governance Rules
  • I Inspirations that inform my project
    • I1: Natural Inspirations
    • I2: Culture & Historical Inspirations
    • I3: Artistic Inspirations
    • I4: Intellectual & Conceptual Inspirations
    • I5: Built Environment & Design Inspirations
    • I6: Literary & Linguistics Inspirations
    • I7: Personal & Emotional Inspirations
    • I8: Societal & Political Inspirations
    • I9: Abstract & Metaphysical Inspirations
    • I10: Creative Process
  • M Music I composed or wrote
    • M1: Popular & Mainstream Genres
    • M2: Electronic & Experimental Genres
    • M3: Classical & Orchestral Traditions
    • M4: Vocal-Driven Genres
    • M5: Folk, Cultural & World Music
    • M6: Jazz & Related Styles
    • M7: Country & Americana
    • M8: Rock & Metal Subgenres
    • M9: Media & Thematic Genres
    • M10: Hybrid & Fusion Genres
  • R Research that applies to my projects
    • R1: Scientific Research
    • R2: Humanities Research
    • R3: Social Science Research
    • R4: Technology & Engineering Research
    • R5: Sound Research
    • R6: Design Research
    • R7: Architectural Research
    • R9: Media Art Research
  • T Tech, tools, and plugins I know of
    • T1: Information & Communication Technology
    • T2: Construction and Civil Technology
    • T3: Mechanical Technology
    • T4: Electrical & Electronics Technology
    • T5: Medical & Biotechnologies
    • T6: Agricultural Technology
    • T7: Aerospace & Transportation Technology
    • T8: Energy & Environmental Technology
    • T9: Creative & Media Technology
    • T10: Emerging & Experimental Technology
  • W Written work by me
    • W1: Essays
    • W2: Short Stories
    • W3: Articles & Blog Posts
    • W4: Poetry
    • W5: Scripts
    • W6: Letters & Correspondence
    • W7: Thoughts
    • W8: Reports
    • W9: Scripts for Digital Media
    • W10: Reviews
    • W11: Concepts & Philosophy
  • Z Zeitgeist: historical/cultural movements or contexts
    • Z1: Ancient Times
    • Z2: Medieval and Pre-modern Times
    • Z3: Modern Times
    • Z4: Contemporary Times
    • Z5: Artistic Movements
    • Z6: Literary Movements
    • Z7: Philosophical Movements
    • Z8: Civil Rights Movements
    • Z9: Political Movements
    • Z10: Environmental & Sustainability Movements
    • Z11: Technological & Scientific Movements

The Image Naming System

Visual Art & Design

  • PTG – Paintings
  • DRW – Drawings
  • RND – Renders
  • DART – Digital Art
  • GD – Graphic Design
  • AC – Album Covers
  • BC – Book Covers
  • CA – Concept Art
  • CSH – Conceptual Shapes
  • AD – Architectural Details
  • SA – Street Art
  • VNT – Vintage
  • SHD – Shadow Play
  • MIN – Minimalist
  • SURR – Surreal
  • CON – Conceptual Photography
  • STY – Styles
  • MB – Moodboards
  • CP – Color Palettes
  • LT – Layouts

Photography Types

  • PH – Photography
  • IRL – Real-life Photos
  • NP – Night Photography
  • EP – Event Photography
  • PRD – Product Photography
  • BTS – Behind-the-Scenes
  • CAND – Candid Shots
  • LP – Light Painting
  • STK – Stock Images
  • MAC – Macro Photography
  • ACT – Action Shots
  • AV – Aerial Views
  • CULT – Cultural
  • SPC – Space
  • WTHR – Weather
  • FOR – Forensics/Investigation

Characters & People

  • PPL – People
  • CHR – Characters
  • ACD – Animated Characters
  • TRT – Traits
  • SYM – Symbols
  • M – Meme
  • P – Portraits

Scientific, Technical, and Conceptual

  • S&T – Scientific or Technical Parts
  • CH – Chemistry Concepts
  • PHYS – Physics Concepts
  • BIO - Biology Concepts
  • GR – Graphs
  • DM – Diagrammatic
  • TX – Textures
  • CS – Code Samples
  • PLG – Plugins
  • 3D – 3D Models
  • 3DP – 3D Printing
  • VR – Virtual Reality
  • AR – Augmented Reality
  • TL – Time-lapse
  • RF – Reflections

Architecture & Planning

  • BES – Building Elevations & Sections
  • FP – Floor Plans
  • DIY – DIY Projects
  • FRB – Refurbishments/Restorations

Nature & Environment

  • PLNT – Plants
  • N – Nature
  • U – Urban
  • T – Travel
  • HST – Historical

Objects & Artifacts

  • I – Items
  • MTL – Materials
  • ART – Artifacts
  • FD – Food
  • MC – Minecraft Mod Items

Branding & Visual Identity

  • CL – Company Logos
  • CI – Company Images
  • FLG – Flags

Strategic & Creative Thinking

  • STG – Strategies
  • CRFT – Crafts
  • SMC – Social Media Content
  • MAP - Maps

Results and Discussion

Reflections

  • change the prefix of the website to } Made by Silvy
  • use VSCode to edit the folder and customize the website even more