gallery starter app
1.0.0
Il s'agissait d'un effort antérieur pour construire un exemple de client pour permanent, comme décrit ci-dessous. Il n'est pas entretenu ou développé activement par l'équipe permanente.
Permanent.org est une plate-forme de préservation des fichiers numériques - conçue pour que toute l'humanité archive de façon permanente de leurs héritages numériques. L'application comprend de nombreuses fonctionnalités qui permettent aux utilisateurs de personnaliser la façon dont ils préservent leurs fichiers tels que le partage privé, un coffre-fort crypté et une section publique qui permet à quiconque de partager son histoire avec le monde.
Cependant, les fichiers ne racontent pas eux-mêmes une histoire. Bien que l'ajout de titres et de descriptions aide, présenter du contenu de belles manières, comme une chronologie ou une mosaïque, est un moyen beaucoup plus efficace de partager des souvenirs et de l'histoire personnelle. Ces «points de vue», comme nous les appelons, permettent à quiconque de capturer dynamiquement un récit autour de son contenu et de vraiment raconter son histoire.
Avec votre aide, nous pouvons créer plus de ces points de vue pour aider quiconque à raconter son histoire. Ensemble, nous pouvons faciliter la capture de l'histoire humaine, la façon dont les gens le souhaiteraient.
L'API du client permanent hérité est un cadre composé de HTML et JavaScript. La conception actuelle est destinée à être très légère et limitée à la création de vues pour le contenu hébergé sur permanent.org. À mesure que la communauté des contributeurs grandit, l'API évoluera pour soutenir de nombreuses fonctionnalités, notamment l'interfaçage avec l'API Permanent.org REST.
Visitez le lien ci-dessous pour en savoir plus sur notre vision et voir des exemples de certaines des vues déjà construites.
https://www.permanent.org/vision/
Permanent.org est la première plate-forme de stockage cloud du genre; construit avec l'humanité à l'esprit. À mesure que de plus en plus de notre contenu devient numérique, nous sommes la solution dont le monde a besoin pour un stockage de données fiable, sûr et permanent. Nous avons besoin de votre aide pour faire un véritable changement dans la façon dont nos données numériques sont gérées et nous aimerions montrer votre travail et faire (et capturer!) L'histoire ensemble.
https://www.permanent.org/about/
Rejoignez notre équipe et mettez votre bosse dans l'univers.
Vous créez d'abord une vue en utilisant cette API et les directives HTML. Ensuite, il sera examiné par notre équipe pour un contrôle qualité. La vue sera alors acceptée pour inclusion dans la galerie de vue. La vue sera automatiquement liée aux données d'un dossier. En utilisant simplement les directives HTML ci-dessous, il faut que les vues fonctionnent dans le système.
Aucune compétence de codage préalable n'est requise, mais certaines connaissances de base du HTML et du CSS aident certainement. Pour créer une vue, vous utilisez les directives HTML Framework. Aucune compétence de script Java n'est requise.
Utilisez un éditeur en ligne tel que https://thimble.mozilla.org/
Ou allez un peu plus avancé et configurez un serveur HTTP local tel que: 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>
Un exemple complet peut être trouvé dans le dossier Exemples de ce dépôt.
Construisons quelque chose de génial.
