Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Material Design Icons | 48,516 | 3,884 | 883 | a month ago | 12 | September 02, 2016 | 245 | apache-2.0 | ||
Material Design icons by Google | ||||||||||
Android_data | 8,594 | 7 months ago | 6 | Java | ||||||
Some Android learning materials, hoping to help you learn Android development. | ||||||||||
Awesome Materialdesign | 5,950 | 6 years ago | 11 | |||||||
Collection of material design libs and res. | ||||||||||
Mdui | 3,337 | 24 | 11 | 2 years ago | 14 | March 01, 2021 | 28 | mit | Less | |
MDUI 是一个基于 Material Design 的前端框架。 | ||||||||||
Material | 3,191 | 44 | 6 | 7 months ago | 14 | May 02, 2018 | 57 | mit | CSS | |
Material Design for Bootstrap 4 | ||||||||||
Lumx | 1,999 | 1 | 2 | 4 years ago | 54 | December 04, 2019 | 44 | mit | JavaScript | |
The first responsive front-end framework based on Angular & Google Material Design specifications | ||||||||||
Zfripplebutton | 1,402 | 13 | 4 years ago | 6 | October 21, 2016 | 13 | mit | Swift | ||
Custom UIButton effect inspired by Google Material Design | ||||||||||
Google Io 2014 | 1,283 | 9 years ago | 2 | apache-2.0 | Java | |||||
Demo for the Material Witness talk I gave at Google I/O. | ||||||||||
Vue Mdc | 1,217 | 78 | 9 | 5 years ago | 46 | February 24, 2017 | 37 | mit | JavaScript | |
Material web components for Vue.js | ||||||||||
Material_design_zh_2 | 1,204 | 4 years ago | 4 | |||||||
Material Design 中文版 ( 2015 年 8 月更新) |
Google Drive Directory Index
Combining the power of Cloudflare Workers and Google Drive will allow you to index you files on the browser on Cloudflare Workers.
index.js
is the content of the Workers script.
Worker Script (Dark Mode) : index.js
Worker Script (Multiple Google Accounts) : index-multiple-accounts.js
Demo - goindex.teamsdrives.workers.dev
Copy the index.js script to workers.dev and edit client_id
, client_secret
, refresh_token
with yours
OR
Simply visit this Modified (only for Dark Mode) version to automatically generate your index.js
without having to manually edit anything.
Worker Script - index.js
gdindex_upload.py
## Python Example
import requests
# "upload: true" in the script
to_upload = "https://i.imgur.com/8w2KDrG.gif"
baseURL = "https://gdindex-dark.teamsdrives.workers.dev/"
# "folder1/folder2/goindex.gif"
# Subdirectories of Folder in Google Drive
fileName = "folder1/folder2/goindex.gif"
# Default teamDriveID is "root"
teamDriveID = "0ANCHcQq-8cmvUk9PVA"
URL = baseURL + "/" + fileName + "?rootId=" + teamDriveID + "&url=" + to_upload
r = requests.put(URL)
print(r.text)
Demo - gdindex-dark.teamsdrives.workers.dev
Workers Script - index.js
1.Install rclone
software locally
2.Follow https://rclone.org/drive/ bind a drive
3.Execute the commandrclone config file
to find the file rclone.conf
path
4.Open rclone.conf
,find the configuration root_folder_id
and refresh_token
5.Download index.js in donwa/goindex and fill in root and refresh_token
6.Deploy the code to Cloudflare Workers
Get free Google Shared Drives
1.Open https://goindex.glitch.me/
2.Auth and get the code
3.Deploy the code to Cloudflare Workers
If you're using your root folder Set Roots like this
"roots": [ { "id": "root", "name": "{Name}", "user": "", "pass": "", "protect_file_link": false } ],
If you're using your Team Drive Set Roots like this!
"roots": [ { "id": "{Your Team Drive ID}", "name": "Nexa Torrents", "user": "", "pass": "", "protect_file_link": false } ],
Don't use your Team Drive Folder Id . Use Your Team Drive ID
Ex:- If your Team Drive Link is https://drive.google.com/drive/u/0/folders/0AJOMLOnArqblUk9PVA
. Your Team Drive Id is 0AJOMLOnArqblUk9PVA
Use this when you want to host everything
Log into the Google API Console [https://console.developers.google.com/] with your Google account. It doesn’t matter which Google account you use. (It need not be the same account as the Google Drive you want to access)
Select a project or create a new project.
Under “ENABLE APIS AND SERVICES” search for “Drive”, and enable the “Google Drive API”.
Click “Credentials” in the left-side panel (not “Create credentials”, which opens the wizard).
It will prompt you to set the OAuth consent screen product name, if you haven’t set one already.
OAuth Consent Screen > User Type > External > Application Name
Click “Credentials” in the left-side panel, then “Create credentials”, then “OAuth client ID”.
Choose an application type of “other”, and click “Create”. (the default name is fine)
It will show you a client ID and client secret. Use these values in rclone config to add a new remote or edit an existing remote
Install rclone
software locally
Follow https://rclone.org/drive/ bind a drive
Use the client_id
& client_secret
while setup
Execute the command rclone config file
to find the file rclone.conf
path
open rclone's config file, here we will find following Configurations (we will need these in next steps)
Go to [https://workers.cloudflare.com/]
signup using email and password enter a subdomain [____.workers.dev] ---> Set up
Choose Workers Plan (FREE)
Verify Email Goto Workers ---> "Create a Worker"
Now copy the Content of the index.js
to the script section
Edit this object in the script with the details you generated above
var authConfig = {
"siteName": "GoIndex", // Sitename
"root_pass": "", // root password, leave it blank if you don't want
"version" : "1.0.6", // Program Version
"hash" : "master", // master OR your HASH, do not leave blank (changes each time you make a commit)
"theme" : "classic", // material classic
"client_id": "****************************.apps.googleusercontent.com", // client_id from rclone config
"client_secret": "*******************", // client_secret from rclone config
"refresh_token": "******************************************", // authorized refresh token from rclone config
"root": "0AG1OSyxjvYcLUk9PVA" // ROOT_FOLDER from rclone config,
};
"hash" : "master"
why ?
you can change the icon of the folders and files and much more
replace the below line in head with yours
<USERNAME>
<REPOSITORY>
<VERSION or HASH>
</PATH/TO/FILE>
src="//cdn.jsdelivr.net/combine/gh/jquery/jquery/dist/jquery.min.js,gh/<USERNAME>/<REPOSITORY>@<VERSION or HASH>/PATH/TO/FILE.js"
Example :
src="//cdn.jsdelivr.net/combine/gh/jquery/jquery/dist/jquery.min.js,gh/alx-xlx/goindex@${authConfig.hash}/themes/${authConfig.theme}/app.js"
SOON https://www.w3.org/Icons/ https://www.w3.org/icons/ https://www.base64-image.de/
Cloudflare Workers allow you to write JavaScript which runs on all of Cloudflare's 150+ global data centers.
goindex-theme-acrou - Achrou
GDIndex - maple3142
goindex - donwa