Skip to content

Commit

Permalink
Add Story Sharing help
Browse files Browse the repository at this point in the history 
Adds a flow chart to illustrate the story sharing process, along with
some explanatory text, to the help pages.

Contributes to #535.
  • Loading branch information
@llewelld
llewelld committed Aug 3, 2023
1 parent 9c0653f commit 7441651
Show file tree
Hide file tree
Showing 3 changed files with 69 additions and 0 deletions.
55 changes: 55 additions & 0 deletions ...t-documentation/platform-design/platform-design/platform-content/submit-experience.drawio
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<mxfile host="app.diagrams.net" modified="2023-08-02T15:59:10.657Z" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/115.0" etag="CH6bbLal95_NNuv5yZIs" version="21.6.6" type="device">
<diagram id="C5RBs43oDa-KdzZeNtuy" name="Page-1">
<mxGraphModel dx="1078" dy="932" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="WIyWlLk6GJQsqaUBKTNV-0" />
<mxCell id="WIyWlLk6GJQsqaUBKTNV-1" parent="WIyWlLk6GJQsqaUBKTNV-0" />
<mxCell id="1J38pwRnjQ458sciESqC-21" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="WIyWlLk6GJQsqaUBKTNV-1" source="WIyWlLk6GJQsqaUBKTNV-3" target="1J38pwRnjQ458sciESqC-13" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="WIyWlLk6GJQsqaUBKTNV-3" value="&lt;font data-font-src=&quot;https://fonts.googleapis.com/css?family=Poppins&quot; style=&quot;font-size: 16px;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;Sign up to AutSPACEs and create an account&lt;/span&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;fontSize=16;glass=0;strokeWidth=1;shadow=0;fontFamily=Poppins;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DPoppins;spacing=12;" parent="WIyWlLk6GJQsqaUBKTNV-1" vertex="1">
<mxGeometry x="40" y="40" width="280" height="60" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-15" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="WIyWlLk6GJQsqaUBKTNV-1" source="1J38pwRnjQ458sciESqC-0" target="1J38pwRnjQ458sciESqC-5" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-0" value="&lt;span style=&quot;font-size: 16px;&quot;&gt;In the first box, write about a time your senses have affected you - e.g.&quot;I avoid getting the train because the platform is too busy&quot;. Please follow our code of conduct &lt;/span&gt;" style="rounded=1;whiteSpace=wrap;html=1;fontSize=16;glass=0;strokeWidth=1;shadow=0;fontFamily=Poppins;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DPoppins;spacing=12;fontStyle=0" parent="WIyWlLk6GJQsqaUBKTNV-1" vertex="1">
<mxGeometry x="40" y="240" width="280" height="140" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-16" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="WIyWlLk6GJQsqaUBKTNV-1" source="1J38pwRnjQ458sciESqC-5" target="1J38pwRnjQ458sciESqC-7" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-5" value="&lt;span style=&quot;font-size: 16px;&quot;&gt;Add as much or as little detail as you like - e.g. date, time location, intensity, consequences. For more examples, look at the &quot;View Stories&quot; page&lt;/span&gt;" style="rounded=1;whiteSpace=wrap;html=1;fontSize=16;glass=0;strokeWidth=1;shadow=0;fontFamily=Poppins;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DPoppins;spacing=12;fontStyle=0" parent="WIyWlLk6GJQsqaUBKTNV-1" vertex="1">
<mxGeometry x="40" y="410" width="280" height="140" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-17" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="WIyWlLk6GJQsqaUBKTNV-1" source="1J38pwRnjQ458sciESqC-7" target="1J38pwRnjQ458sciESqC-10" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-7" value="&lt;span style=&quot;font-size: 16px;&quot;&gt;If you want to, add a suggestion for what did or would have made your experience better in the second box, e.g. &quot;wearing noise cancelling headphones helps&quot; &lt;/span&gt;" style="rounded=1;whiteSpace=wrap;html=1;fontSize=16;glass=0;strokeWidth=1;shadow=0;fontFamily=Poppins;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DPoppins;spacing=12;fontStyle=0" parent="WIyWlLk6GJQsqaUBKTNV-1" vertex="1">
<mxGeometry x="40" y="580" width="280" height="140" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-18" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="WIyWlLk6GJQsqaUBKTNV-1" source="1J38pwRnjQ458sciESqC-10" target="1J38pwRnjQ458sciESqC-11" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-10" value="Choose whether you want your story to be shared publicly, both, or neither by ticking the boxes, and then submit " style="rounded=1;whiteSpace=wrap;html=1;fontSize=16;glass=0;strokeWidth=1;shadow=0;fontStyle=0;fontFamily=Poppins;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DPoppins;spacing=12;" parent="WIyWlLk6GJQsqaUBKTNV-1" vertex="1">
<mxGeometry x="40" y="750" width="280" height="100" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-20" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="WIyWlLk6GJQsqaUBKTNV-1" source="1J38pwRnjQ458sciESqC-11" target="1J38pwRnjQ458sciESqC-12" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-11" value="Once you have shared your story you can view it, edit it, and change your sharing permissions on your &quot;My Stories&quot; page. You will also be able to see if it has been approved by moderators for publishing on the website" style="rounded=1;whiteSpace=wrap;html=1;fontSize=16;glass=0;strokeWidth=1;shadow=0;fontStyle=0;fontFamily=Poppins;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DPoppins;spacing=12;" parent="WIyWlLk6GJQsqaUBKTNV-1" vertex="1">
<mxGeometry x="40" y="880" width="280" height="180" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-12" value="&lt;span style=&quot;font-size: 16px;&quot;&gt;Share as many experiences as you want!&lt;/span&gt;" style="rounded=1;whiteSpace=wrap;html=1;fontSize=16;glass=0;strokeWidth=1;shadow=0;fontFamily=Poppins;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DPoppins;spacing=12;fontStyle=0" parent="WIyWlLk6GJQsqaUBKTNV-1" vertex="1">
<mxGeometry x="40" y="1090" width="280" height="60" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-14" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="WIyWlLk6GJQsqaUBKTNV-1" source="1J38pwRnjQ458sciESqC-13" target="1J38pwRnjQ458sciESqC-0" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="1J38pwRnjQ458sciESqC-13" value="&lt;span style=&quot;font-size: 16px;&quot;&gt;When you are logged into your account. Go to the &quot;Share Stories&quot; page&lt;/span&gt;" style="rounded=1;whiteSpace=wrap;html=1;fontSize=16;glass=0;strokeWidth=1;shadow=0;fontFamily=Poppins;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DPoppins;spacing=12;fontStyle=0" parent="WIyWlLk6GJQsqaUBKTNV-1" vertex="1">
<mxGeometry x="40" y="130" width="280" height="80" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
11 changes: 11 additions & 0 deletions server/apps/main/templates/main/help.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,8 @@ <h5 class="list-group-item content-title">Contents</h5>
href="#what-if-change-mind">What If I Change My Mind About My Story?<span class="badge badge-pill"></span></a>
<a class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
href="#share-someone-else">Can I Share A Story About Someone Else?<span class="badge badge-pill"></span></a>
<a class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
href="#submission-process">What's the Process for Sharing a Story?<span class="badge badge-pill"></span></a>
</div>
</div>

Expand Down Expand Up @@ -150,6 +152,15 @@ <h5 class="text-info" id="share-someone-else">Can I Share A Story About Someone
<button class="btn btn-outline-dark float-right" type="button">Read the code of conduct</button>
</a></p>
</div>
<div class="faq-class">
<h5 class="text-info" id="share-someone-else">What's the Process for Sharing a Story?</h5>
<p>To share an experience on AutSPACEs, please go to the <a href="{% url 'main:share_exp' %}">Share Stories
page</a> when you are logged in and write in the text box about any time you have been effected by your senses.
Then you can submit your experience for research or to share publicly on our website. The flow chart below shows
the steps you can take to share an experience on AutSPACEs.</p>
<p><img src="{% static '/images/submit-experience.svg' %}" class="mx-auto d-block" alt="Flow chart showing the
process for submitting a story"/></p>
</div>
</div>
</div>
</div>
Expand Down
3 changes: 3 additions & 0 deletions static/images/submit-experience.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 7441651

Please sign in to comment.