Fix scroll issue when clicking on anchor links

assets/scss/_portal.scss

@@ -2,6 +2,11 @@
 *
 */
 
+.question {
+    position: relative;
+    padding-top: 50px;
+}
+
 .section-nav {
   padding-top: 0 !important;
   border: 0 !important;

assets/scss/_tor.scss

@@ -365,6 +365,12 @@ pre {
   padding-top: 2rem;
 }
 
+// Spacers //
+
+.anchor-spacer:before {
+  content: ''; display: block; position: relative; width: 0; height: 6em; margin-top: -6em
+}
+
 // stylelint-disable declaration-block-single-line-max-declarations
 
 .hll { background-color: #ffc; }

assets/static/bootstrap.css

@@ -6649,6 +6649,14 @@ pre {
 #bd-docs-nav {
   padding-top: 2rem; }
 
+.anchor-spacer:before {
+  content: '';
+  display: block;
+  position: relative;
+  width: 0;
+  height: 6em;
+  margin-top: -6em; }
+
 .hll {
   background-color: #ffc; }
 
@@ -6930,6 +6938,10 @@ a.side-nav.active {
 /* Support Portal Styles
 *
 */
+.question {
+  position: relative;
+  padding-top: 50px; }
+
 .section-nav {
   padding-top: 0 !important;
   border: 0 !important; }

content/censorship/censorship-1/contents+bn.lr

@@ -0,0 +1,6 @@
+_model: question 
+---
+title: আমি টর ব্রাউজারে সংযোগ করতে পারছি না, আমার নেটওয়ার্ক সেন্সর করা হয়েছে?
+---
+description: 
+<p class="mb-3">আপনি একটি সেন্সর নেটওয়ার্কে হতে পারেন, এবং তাই আপনার সেতু ব্যবহার করে চেষ্টা করা উচিত। কিছু ব্রিজ টর ব্রাউজার এর মধ্যে নির্মিত হয়, এবং আপনি টর লঞ্চার উইন্ডোতে "কনফিগার" (তারপর প্রম্পট অনুসরণ) নির্বাচন করে সেতু ব্যবহার করতে পারেন যা আপনি যখন প্রথমবারের জন্য টর ব্রাউজার খুলেন তখন পপ-আপ হিসেবে আসে। আপনার যদি অন্যান্য সেতুর প্রয়োজন হয়, তাহলে আপনি আমাদের <mark><a href="https://bridges.torproject.org/">ব্রিজেস ওয়েবসাইটে </a></mark>তাদের পেতে পারেন। সেতু সম্পর্কে আরও তথ্যের জন্য, <mark><a href="https://tb-manual.torproject.org/en-US/bridges.html">টর ব্রাউজার ম্যানুয়াল দেখুন</a></mark>। </p>

content/censorship/censorship-3/contents+bn.lr

@@ -0,0 +1,6 @@
+_model: question 
+---
+title: আমি টর ব্রাউজারে সংযোগ করতে পারছি না, আমার নেটওয়ার্ক সেন্সর করা হয়েছে?
+---
+description: 
+<p class="mb-3">আপনি একটি সেন্সর নেটওয়ার্কে হতে পারেন, এবং তাই আপনার সেতু ব্যবহার করে চেষ্টা করা উচিত। কিছু ব্রিজ টর ব্রাউজার এর মধ্যে নির্মিত হয়, এবং আপনি টর লঞ্চার উইন্ডোতে "কনফিগার" (তারপর প্রম্পট অনুসরণ) নির্বাচন করে সেতু ব্যবহার করতে পারেন যা আপনি যখন প্রথমবারের জন্য টর ব্রাউজার খুলেন তখন পপ-আপ হিসেবে আসে। আপনার যদি অন্যান্য সেতুর প্রয়োজন হয়, তাহলে আপনি <mark><a href="https://bridges.torproject.org/">আমাদের ব্রিজেস ওয়েবসাইটে </a></mark>তাদের পেতে পারেন। সেতু সম্পর্কে আরও তথ্যের জন্য, <mark><a href="https://tb-manual.torproject.org/en-US/bridges.html">টর ব্রাউজার ম্যানুয়াল দেখুন</a></mark>।</p>

content/censorship/censorship-4/contents+bn.lr

@@ -0,0 +1,6 @@
+_model: question 
+---
+title: Torproject.org ব্লক করলে আমি কিভাবে টর ডাউনলোড করব?
+---
+description: 
+<p class="mb-3">যদি আপনি আমাদের<mark><a href="https://www.torproject.org"> ওয়েবসাইটের মাধ্যমে</a></mark> টর ডাউনলোড করতে না পারেন, আপনি GetTor এর মাধ্যমে আপনাকে বিতরণ করা টর একটি কপি পেতে পারেন। GetTor হল একটি পরিষেবা যা স্বয়ংক্রিয়ভাবে টর ব্রাউজারের সর্বশেষ সংস্করণে লিংকযুক্ত বার্তাগুলিতে প্রতিক্রিয়া দেয়, বিভিন্ন স্থানে অবস্থান নেয় যা সেন্সর হওয়ার সম্ভাবনা কম থাকে, যেমন ড্রপবক্স, Google ড্রাইভ, এবং জিথাব।</p>

content/censorship/censorship-5/contents+bn.lr

@@ -0,0 +1,6 @@
+_model: question 
+---
+title: আমার প্রিয় ওয়েবসাইট টর পর্যন্ত অ্যাক্সেস অবরুদ্ধ করছে
+---
+description: 
+<p class="mb-3">শুনে দুঃখিত যে আপনি যে ওয়েবসাইটটি চান তা দেখতে পারবেন না! কখনও কখনও ওয়েবসাইট টর ব্যবহারকারীদের অবরোধ করবে কারণ তারা গড় টর ব্যবহারকারী এবং স্বয়ংক্রিয় ট্র্যাফিকের মধ্যে পার্থক্য বলতে পারে না। টর ব্যবহারকারীদের অবরোধ করা সাইটগুলোতে আমরা যে সফলতা পেয়েছি তা ব্যবহারকারীদের সাইটে সরাসরি প্রশাসকের সাথে যোগাযোগ করতে পারে। এই ধরণের কিছু কৌশল করতে পারে:<br /> "হাই! আমি টর ব্রাউজার ব্যবহার করার সময় আপনার সাইট xyz.com অ্যাক্সেস করার চেষ্টা করেছি এবং আবিষ্কার করেছি যে আপনি টর ব্যবহারকারীদের আপনার সাইট অ্যাক্সেস করার অনুমতি দিচ্ছেন না। আমি আপনাকে এই সিদ্ধান্তের পুনর্বিবেচনা করার অনুরোধ করছি; সারা বিশ্বে টর ব্যবহারকারীরা  তাদের গোপনীয়তা রক্ষা এবং সেন্সরশিপের বিরুদ্ধে লড়াই করে। টর ব্যবহারকারীদের ব্লক করে, আপনি সম্ভবত দমনকারী দেশগুলিতে এমন ব্যক্তিদেরকে আটকাবেন যারা বিনামূল্য ইন্টারনেট চায়, সাংবাদিক এবং গবেষক যারা নিজেদের আবিষ্কার থেকে রক্ষা করতে চায়,  হুইসল ব্লোয়ার, অ্যাক্টিভিস্ট এবং সাধারণ মানুষ যারা অবাধ্য তৃতীয় পক্ষের ট্র্যাকিং থেকে নিজেদেরকে রক্ষা করতে চান । দয়া করে ডিজিটাল গোপনীয়তা এবং ইন্টারনেট স্বাধীনতার পক্ষে দৃঢ় অবস্থান নিন এবং টর ব্যবহারকারীদের xyz.com অ্যাক্সেসের অনুমতি দিন। ধন্যবাদ। "<br />ব্যাংকগুলির ক্ষেত্রে এবং অন্যান্য সংবেদনশীল ওয়েবসাইটগুলি, সাধারণত ভূগোল-ভিত্তিক ব্লকিং হতে পারে (যদি একটি ব্যাংক জানে যে আপনি সাধারণত এক দেশ থেকে তাদের পরিষেবাগুলি অ্যাক্সেস করেন, এবং হঠাৎ আপনি বিশ্বের অন্য প্রান্তে একটি প্রস্থান রিলে থেকে সংযোগ করছেন, আপনার অ্যাকাউন্ট লক বা স্থগিত করা হতে পারে)। যদি আপনি একটি অনিয়ন পরিষেবার সাথে সংযোগ করতে অক্ষম হন, তবে দয়া করে দেখুন<a href="#onionservices-3">আমি X.onion তে পৌঁছাতে পারি না!</a></p>

content/censorship/censorship-6/contents+bn.lr

@@ -0,0 +1,6 @@
+_model: question 
+---
+title: আমাদের ওয়েবসাইট একটি সেন্সর দ্বারা অবরুদ্ধ হয়। টর ব্রাউজার কি আমাদের ওয়েবসাইট অ্যাক্সেস করতে ব্যবহারকারীদের সাহায্য করতে পারেন?
+---
+description: 
+<p class="mb-3">টর ব্রাউজার অবশ্যই  মানুষকে সাহায্য করতে পারে আপনার ওয়েবসাইটে অ্যাক্সেস করতে যেখানে এটি অবরুদ্ধ রয়েছে।বেশিরভাগ সময়,<mark><a href="https://www.torproject.org/download/download-easy.html.en"> টর ব্রাউজার ডাউনলোড করা </a></mark>এবং তারপর এটি ব্লক করা সাইটে নেভিগেট করার জন্য অ্যাক্সেসের অনুমতি দেবে।  যে জায়গায় প্রচুর সেন্সরশিপ রয়েছে, তা  অ্যাক্সেসের জন্য আমাদের কাছে প্রচুর পরিমাণে সেন্সরশিপ  প্রতারণা বিকল্প আছে, <mark><a href="https://www.torproject.org/docs/pluggable-transports.html.en">প্ল্যাগেবল ট্রান্সপোর্টগুলি সহ এমন</a></mark>।আরো তথ্যের জন্য, দেখুন টর ব্রাউজার ইউজার ম্যানুয়াল<a href="https://tb-manual.torproject.org/en-US/"><mark> বিভাগ<mark><a href="https://tb-manual.torproject.org/en-US/circumvention.html"> সেন্সরশিপের উপর</a></mark>।</p>

content/contents.lr

@@ -4,5 +4,5 @@ _model: showcase
 ---
 _template: jumbotron.html
 ---
-title: How Can we help? 
+title: How can we help? 
 ---

content/operators/contents+fr.lr

@@ -0,0 +1,6 @@
+_model: topic
+---
+title: Opérateurs
+---
+key:9
+---

templates/footer.html

@@ -39,7 +39,7 @@
       	  <div class="dropdown-menu">
             {% for id, item in bag('alternatives').items() %}
               {% if this.alt != id %}
-    	          <a class="dropdown-item" href="{{ item.url }}">{{ item.language }}</a>
+    	          <a class="dropdown-item" href="{{ item.url|url }}">{{ item.language }}</a>
               {% endif %}
             {% endfor %}
       	</div>

templates/macros/question.html

@@ -5,7 +5,7 @@
       {{ item.title }}
     </a>
   </h4>
-  <div id="{{ item._id }}" class="collapse show" role="tabpanel" data-parent="#{{ t_id }}Accordion">
+  <div id="{{ item._id }}" class="collapse show anchor-spacer" role="tabpanel" data-parent="#{{ t_id }}Accordion">
     {{ item.description|safe }}
   </div>
 </div>

templates/macros/topic.html

@@ -6,7 +6,7 @@
   <h3 class="text-primary">
     <a href="{{ t.path }}" role="button"></a>
   </h3>
-  <div id="{{ t.control }}" role="tabpanel" data-parent="#topics">
+  <div id="{{ t.control }}" role="tabpanel" data-parent="#topics" class="anchor-spacer">
     <div id="{{ t.control }}Accordion" data-children=".question">
       <h5 class="text-muted text-uppercase mb-3 p-0 {{ bag('alternatives', alternative, 'direction') }}">{{ item.title }}</h5>
       {% for q in item.children %}

templates/sidenav.html

@@ -31,7 +31,7 @@
       {% set topicbag = 'topics+' + this.alt %}
       {% for id, item in bag(topicbag).items() %}
       <li{% if this.is_child_of(item.path) %} class="toc-entry toc-h2 active nav-item" {% else %} class="toc-entry toc-h2 nav-item" {% endif %}>
-	<a role="button" {% if this.is_child_of(item.path) %} class="nav-link active" {% else %} class="nav-link" {% endif %}  href="/{{ item.path }}">{{ item.label }}</a>
+	<a role="button" {% if this.is_child_of(item.path) %} class="nav-link active" {% else %} class="nav-link" {% endif %}  href="{{ item.path }}">{{ item.label }}</a>
       </li>
 
       {% endfor %}