gallery starter app
1.0.0
これは、以下で説明するように、永続的なクライアントの例を構築するための以前の努力でした。恒久的なチームによって維持されていないか、積極的に開発されていません。
Permannt.orgは、デジタルファイル保存プラットフォームです。これは、すべての人類がデジタルレガシーを恒久的にアーカイブするために構築されています。このアプリケーションには、ユーザーがプライベート共有、暗号化されたボールト、誰もがストーリーを世界と共有できるようなファイルを保存する方法をカスタマイズできる多くの機能が含まれています。
ただし、ファイルは自分でストーリーを伝えません。タイトルと説明を追加するのに役立ちますが、タイムラインやモザイクなどの美しい方法でコンテンツを提示することは、記憶と個人的な歴史を共有するより効果的な方法です。これらの「ビュー」は、私たちが呼んでいるように、誰もが自分の内容を中心にダイナミックに物語をキャプチャし、実際に彼らの物語を伝えることができます。
あなたの助けを借りて、私たちはこれらの見解をもっと作成して、誰もが彼らの物語を語るのを助けることができます。一緒に、私たちは人類の歴史を簡単に捉えることができます。
永続的なレガシークライアントAPIは、HTMLとJavaScriptで構成されるフレームワークです。現在の設計は、非常に軽量であり、Permant.orgでホストされているコンテンツのビューを作成する目的に限定されています。貢献者コミュニティが成長するにつれて、APIは進化して、Permant.org Rest APIとのインターフェースなど、多くの機能をサポートします。
以下のリンクをご覧ください。私たちのビジョンの詳細と、すでに構築されたいくつかの見解の例をご覧ください。
https://www.permanent.org/vision/
Permanent.orgは、この種の最初のクラウドストレージプラットフォームです。人類を念頭に置いて構築されています。ますます多くのコンテンツがデジタルになるにつれて、私たちは世界が信頼できる安全で永続的なデータストレージに必要とするソリューションです。私たちのデジタルデータの処理方法に真の変更を加えるためにあなたの助けが必要です。私たちはあなたの仕事を披露し、一緒に歴史を作りたいと思っています。
https://www.permanent.org/about/
私たちのチームに参加して、宇宙にへこみを入れてください。
最初に、このAPIとHTMLディレクティブを使用してビューを作成します。次に、品質管理のためにチームによってレビューされます。その後、ビューギャラリーに含めるためにビューが受け入れられます。ビューは、フォルダー内のデータに自動的にバインドされます。以下のHTMLディレクティブを使用するだけで、システムでビューが機能するのに必要なのはすべてです。
事前のコーディングスキルは必要ありませんが、HTMLとCSSの基本的な知識は確かに役立ちます。ビューを構築するには、フレームワークHTMLディレクティブを使用します。 Javaスクリプトスキルは必要ありません。
https://thimble.mozilla.org/などのオンラインエディターを使用してください
または、もう少し詳細に進み、https：//www.npmjs.com/package/http-serverなどのローカルHTTPサーバーをセットアップします
permanent-data
This is how data is loaded for testing your views.
<body permanent-data="ex1_data.json" >
permanent-popup
If you want to have a pop up page for showing a single file
set the name of your pop up html page.
<body permanent-popup="popup.html">
permanent-profile
Bind an element to the Profile data object.
<div permanent-profile>
<img p-src="profile.thumbnail">
<div p-bind="profile.archiveNbr"></div>
<div p-bind="profile.fullName"></div>
</div>
p-src
Bind an HTML image tag source.
<img p-src="profile.thumbnail" class="profile-img">
p-bind
Bind some data field.
<div p-bind="profile.archiveNbr"></div>
permanent-view
Declare a view region.
<div permanent-view></div>
p-repeat
For repeating items in a list.
<div p-repeat="folder in Folders">
<img p-src="folder.thumbnail">
<div p-bind="folder.name" ></div>
</div>
p-bkgrd
Setting an element's background image source.
<div p-bkgrd="file.thumbnail" ></div>
p-click
Enable this HTML element to be clicked.
<div p-repeat="file in Files" p-click="file">
</div>
完全な例は、このレポの例フォルダーにあります。
素晴らしいものを作りましょう。
