Git Product home page Git Product logo

mollyinmexico's Introduction

MollyInMexico Flask App

這是一個簡單的 Flask 應用程序,用於顯示一段熱烈的抒情文,表達強烈的愛意。 專案名稱緣由是因為這首歌: Lauv - Molly In Mexico

您也可以訪問此應用程式:Molly In Mexico on Render 雲端伺服器: Render

特定頁面連結:

功能

  • 顯示一段抒情文,該文章從 letter\ForRuth.txt letter\ForChin.txt 文件中獲取。
  • 使用 Google 字體美化文本。
  • 有一個 YouTube 背景音樂播放器。

設定

以下是一些主要的設定選項,你可以在 /templates 文件中各個.html檔案中找到它們:

  • 字體大小: 透過 CSS 變數 --font-size 進行設定。預設值為 30px
  • 段落左右留白: 透過 CSS 變數 --text-padding 進行設定。預設值為 30px
  • 打字機打字速度: 在 JavaScript 部分透過 typingSpeed 變數進行設定。預設值每個字輸出速度為 200(毫秒)。

檔案結構

/MollyInMexico/
    .cache
    .env
    .gitignore
    app.py
    Procfile
    README.md
    requirements.txt
    runtime.txt
    /letter/
        ForChin.txt
        ForRuth.txt
    /templates/
        ForChin.html
        ForRuth.html
        index.html

安裝和運行

  1. 克隆此存儲庫:
git clone [你的存儲庫URL]
cd MollyInMexico
  1. 安裝所需的依賴項:
pip install -r requirements.txt
  1. 運行 Flask 應用程序:
python app.py

你的應用程序現在應該在 http://127.0.0.1:5000/ 上運行。

部署

此應用程序包含一個 Procfile,這意味著它可以輕鬆地部署到 Heroku 或其他平台。

貢獻

如果你有任何建議或更改,請提交 pull 請求或開放問題。

許可證

此項目使用 MIT 許可證。有關詳細信息,請參見 LICENSE 文件。

mollyinmexico's People

Contributors

emmanuelwithme avatar

Watchers

 avatar

mollyinmexico's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.