gallery starter app
1.0.0
Dies war eine frühere Bemühungen, einen Beispiel Client für permanent zu erstellen, wie nachstehend beschrieben. Es wird vom ständigen Team nicht aufrechterhalten oder aktiv entwickelt.
Permanent.org ist eine digitale Plattform für die Erhaltung der Datei, die für die gesamte Menschheit erstellt wurde, um ihre digitalen Vermächtnisse dauerhaft zu archivieren. Die Anwendung enthält viele Funktionen, mit denen Benutzer anpassen können, wie sie ihre Dateien wie private Freigabe, ein verschlüsseltes Gewölbe und einen öffentlichen Bereich erhalten, mit dem jeder seine Geschichte mit der Welt teilen kann.
Dateien erzählen jedoch nicht selbst eine Geschichte. Während das Hinzufügen von Titeln und Beschreibungen helfen, ist es eine viel effektivere Art, Erinnerungen und persönliche Geschichte zu teilen, wenn man Inhalte auf schöne Weise wie eine Zeitleiste oder ein Mosaik präsentiert. Diese „Ansichten“, wie wir sie nennen, ermöglichen es jedem, eine Erzählung um ihren Inhalt dynamisch zu erfassen und seine Geschichte wirklich zu erzählen.
Mit Ihrer Hilfe können wir mehr von diesen Ansichten erstellen, um jedem zu helfen, seine Geschichte zu erzählen. Gemeinsam können wir es einfacher machen, die Geschichte der Menschheit zu fangen, wie Menschen es wollen würden.
Die Permanent Legacy Client -API ist ein Framework, das aus HTML und JavaScript besteht. Das aktuelle Design soll sehr leicht sein und auf den Zweck des Erstellens von Ansichten für Inhalte, die auf permanent.org gehostet werden, beschränkt sein. Wenn die Mitwirkende Community wächst, wird sich die API entwickeln, um viele Funktionen zu unterstützen, einschließlich der Schnittstelle mit der REST -API von Permanent.org.
Besuchen Sie den Link unten, um mehr über unsere Vision zu erfahren und Beispiele für einige der bereits erstellten Ansichten zu sehen.
https://www.permanent.org/vision/
Permanent.org ist die erste Cloud -Speicherplattform ihrer Art. mit im Auge behaupten. Da immer mehr unserer Inhalte digital werden, sind wir die Lösung, die die Welt für zuverlässige, sichere und dauerhafte Datenspeicherung benötigt. Wir brauchen Ihre Hilfe, um eine echte Veränderung in der Umgang mit unseren digitalen Daten vorzunehmen, und wir würden gerne Ihre Arbeit zeigen und gemeinsam Geschichte erstellen (und erfassen!).
https://www.permanent.org/about/
Treten Sie unserem Team bei und stellen Sie Ihre Delle ins Universum.
Zuerst erstellen Sie eine Ansicht mit dieser API und den HTML -Anweisungen. Als nächstes wird es von unserem Team auf Qualitätskontrolle überprüft. Dann wird die Ansicht für die Einbeziehung in die View Gallery angenommen. Die Ansicht wird automatisch an die Daten in einem Ordner gebunden. Einfach die folgenden HTML -Direktiven zu verwenden, ist alles, was Ansichten im System arbeiten müssen.
Es sind keine vorherigen Codierungsfähigkeiten erforderlich, aber einige Grundkenntnisse über HTML und CSS helfen sicherlich. Um eine Ansicht zu erstellen, verwenden Sie die HTML -Richtlinien von Framework. Es sind keine Java -Skriptfähigkeiten erforderlich.
Verwenden Sie einen Online -Editor wie https://thimble.mozilla.org/
Oder gehen Sie etwas fortgeschrittener und richten Sie einen lokalen HTTP-Server ein, wie: https://www.npmjs.com/package/http-server
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>
Ein vollständiges Beispiel finden Sie im Beispiel -Ordner dieses Repo.
Lass uns etwas Großartiges bauen.
