From 531a8326d5803768681be4c47b9bdef13ce93c99 Mon Sep 17 00:00:00 2001
From: junsan1 <junsan1>
Date: Sun, 7 Jul 2024 00:52:06 +0300
Subject: [PATCH] software.yml

---
 _layouts/software_index.html      |  56 ++++++
 _plugins/letter_page_generator.rb |  53 +++++-
 assets/css/style.css              |  96 ++++++++++
 en/soft/m/metatrader4.md          |  13 --
 en/soft/software.yml              | 307 ++++++++++++++++++++++++++++++
 5 files changed, 511 insertions(+), 14 deletions(-)
 create mode 100644 _layouts/software_index.html
 delete mode 100644 en/soft/m/metatrader4.md
 create mode 100644 en/soft/software.yml

diff --git a/_layouts/software_index.html b/_layouts/software_index.html
new file mode 100644
index 00000000..1af7b88e
--- /dev/null
+++ b/_layouts/software_index.html
@@ -0,0 +1,56 @@
+---
+layout: base
+---
+<h1>{{ page.title }}</h1>
+
+<div id="filters">
+  {% assign all_filters = page.software | map: "filters" | flatten | uniq | sort %}
+  <button class="filter-btn active" data-filter="all">All</button>
+  {% for filter in all_filters %}
+    <button class="filter-btn" data-filter="{{ filter }}">{{ filter }}</button>
+  {% endfor %}
+</div>
+
+<div id="software-list">
+  {% for item in page.software %}
+    <div class="software-item" data-filters="{{ item.filters | join: ' ' }}">
+      <img src="{{ item.logo | relative_url }}" alt="{{ item.name }} logo">
+      <h2>{{ item.name }}</h2>
+      <p>{{ item.description }}</p>
+      <a href="{{ item.website }}" target="_blank" rel="noopener noreferrer">Official Website</a>
+      <a href="{{ item.pedia_link | relative_url }}">Learn More</a>
+      {% if item.github %}
+        <a href="{{ item.github }}" target="_blank" rel="noopener noreferrer">GitHub</a>
+      {% endif %}
+      <div class="filters">
+        {% for filter in item.filters %}
+          <span class="filter-tag">{{ filter }}</span>
+        {% endfor %}
+      </div>
+    </div>
+  {% endfor %}
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  const filterButtons = document.querySelectorAll('.filter-btn');
+  const softwareItems = document.querySelectorAll('.software-item');
+
+  filterButtons.forEach(button => {
+    button.addEventListener('click', function() {
+      const filter = this.dataset.filter;
+      
+      filterButtons.forEach(btn => btn.classList.remove('active'));
+      this.classList.add('active');
+
+      softwareItems.forEach(item => {
+        if (filter === 'all' || item.dataset.filters.includes(filter)) {
+          item.style.display = 'block';
+        } else {
+          item.style.display = 'none';
+        }
+      });
+    });
+  });
+});
+</script>
\ No newline at end of file
diff --git a/_plugins/letter_page_generator.rb b/_plugins/letter_page_generator.rb
index a69ccf5f..db1b36b4 100644
--- a/_plugins/letter_page_generator.rb
+++ b/_plugins/letter_page_generator.rb
@@ -27,6 +27,29 @@ def generate(site)
     end
 
     def process_section(site, lang, section, section_path)
+      if section == 'soft'
+        process_software_section(site, lang, section, section_path)
+      else
+        process_regular_section(site, lang, section, section_path)
+      end
+    end
+
+    def process_software_section(site, lang, section, section_path)
+      software_data = load_software_data(site, section_path)
+      site.pages << SoftwareIndexPage.new(site, site.source, lang, section, software_data)
+    end
+
+    def load_software_data(site, section_path)
+      yaml_file = File.join(section_path, 'software.yml')
+      if File.exist?(yaml_file)
+        YAML.load_file(yaml_file)
+      else
+        Jekyll.logger.warn "LetterPageGenerator:", "Software YAML file not found: #{yaml_file}"
+        []
+      end
+    end
+
+    def process_regular_section(site, lang, section, section_path)
       letters = Dir.entries(section_path)
                    .select { |entry| File.directory?(File.join(section_path, entry)) && entry != '.' && entry != '..' }
                    .map { |letter| [letter.downcase, count_posts(site, lang, section, letter)] }
@@ -38,7 +61,7 @@ def process_section(site, lang, section, section_path)
         Jekyll.logger.info "LetterPageGenerator:", "Creating page for #{lang}/#{section}/#{letter} with #{count} posts"
         site.pages << LetterPage.new(site, site.source, lang, section, letter)
     
-         Dir.glob(File.join(section_path, letter, '*.md')).each do |file|
+        Dir.glob(File.join(section_path, letter, '*.md')).each do |file|
           Jekyll.logger.info "LetterPageGenerator:", "Processing file: #{file}"
           process_markdown_file(site, file)
         end
@@ -169,4 +192,32 @@ def section_name_zh(section)
       end
     end
   end
+
+  class SoftwareIndexPage < Page
+    def initialize(site, base, lang, section, software_data)
+      @site = site
+      @base = base
+      @dir  = File.join(lang, section)
+      @name = "index.md"
+
+      self.process(@name)
+      layout_file = File.join(base, '_layouts', 'software_index.html')
+      if File.exist?(layout_file)
+        self.read_yaml(File.dirname(layout_file), File.basename(layout_file))
+      else
+        Jekyll.logger.warn "LetterPageGenerator:", "Layout file 'software_index.html' not found"
+        self.data = {}
+      end
+      self.data['layout'] = 'software_index'
+      self.data['title'] = case lang
+                           when 'en' then "Software Index"
+                           when 'ru' then "Индекс программного обеспечения"
+                           when 'zh' then "软件索引"
+                           end
+      self.data['software'] = software_data
+      self.data['lang'] = lang
+      self.data['section'] = section
+      self.data['permalink'] = "/#{lang}/#{section}/index.html"
+    end
+  end
 end
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
index 4b171964..c24dab1b 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -188,6 +188,93 @@ footer a:hover .github-icon {
     color: #666;
 }
 
+#filters {
+    text-align: center;
+    margin-bottom: 30px;
+}
+
+.filter-btn {
+    background-color: #007bff;
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    margin: 5px;
+    cursor: pointer;
+    border-radius: 5px;
+    transition: background-color 0.3s;
+}
+
+.filter-btn:hover {
+    background-color: #0056b3;
+}
+
+.filter-btn.active {
+    background-color: #0056b3;
+}
+
+#software-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 20px;
+}
+
+.software-item {
+    background-color: #f8f8f8;
+    border-radius: 10px;
+    padding: 20px;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    transition: box-shadow 0.3s, transform 0.3s;
+}
+
+.software-item:hover {
+    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
+    transform: translateY(-5px);
+}
+
+.software-item img {
+    max-width: 100px;
+    height: auto;
+    display: block;
+    margin: 0 auto 15px;
+}
+
+.software-item h2 {
+    font-size: 1.2em;
+    color: #333;
+    margin-bottom: 10px;
+    text-align: center;
+}
+
+.software-item p {
+    font-size: 0.9em;
+    margin-bottom: 15px;
+}
+
+.software-item a {
+    display: inline-block;
+    margin-right: 10px;
+    color: #007bff;
+    text-decoration: none;
+}
+
+.software-item a:hover {
+    text-decoration: underline;
+}
+
+.filters {
+    margin-top: 15px;
+}
+
+.filter-tag {
+    display: inline-block;
+    background-color: #e9ecef;
+    color: #495057;
+    padding: 5px 10px;
+    margin: 2px;
+    font-size: 0.8em;
+    border-radius: 3px;
+}
+
 @media (max-width: 768px) {
     .menu-toggle {
         display: block;
@@ -261,4 +348,13 @@ footer a:hover .github-icon {
     .letter-item .count {
         font-size: 0.7em;
     }
+
+    #software-list {
+        grid-template-columns: 1fr;
+    }
+
+    .filter-btn {
+        padding: 8px 15px;
+        font-size: 0.9em;
+    }
 }
\ No newline at end of file
diff --git a/en/soft/m/metatrader4.md b/en/soft/m/metatrader4.md
deleted file mode 100644
index 6be69f0d..00000000
--- a/en/soft/m/metatrader4.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: MetaTrader 4
----
-
-# MetaTrader 4
-
-MetaTrader 4 (MT4) 是一款广受交易者欢迎的在线交易平台。它提供了全面的技术分析、交易和通过算法实现交易策略自动化的工具。
-
-## 主要功能
-
-1. **技术分析**：各种分析指标和工具。
-2. **交易**：用户友好的交易界面。
-3. **算法交易**：能够使用智能交易系统（Expert Advisors）创建和使用自动化交易策略。
diff --git a/en/soft/software.yml b/en/soft/software.yml
new file mode 100644
index 00000000..f22b3c3a
--- /dev/null
+++ b/en/soft/software.yml
@@ -0,0 +1,307 @@
+- name: AlgoTrader
+  description: Professional algorithmic trading platform
+  logo: /assets/images/logos/algotrader.png
+  website: https://www.algotrader.com/
+  pedia_link: /en/pedia/a/algotrader.html
+  filters: [API, Backtesting, Live trading, Optimization, Stock, Crypto, Java]
+
+- name: Amibroker
+  description: Technical analysis and backtesting tool
+  logo: /assets/images/logos/amibroker.png
+  website: https://www.amibroker.com/
+  pedia_link: /en/pedia/a/amibroker.html
+  filters: [Backtesting, Charting, Stock, Historical Data, AFL]
+
+- name: ATAS
+  description: Advanced trading and analytical platform
+  logo: /assets/images/logos/atas.png
+  website: https://atas.net/
+  pedia_link: /en/pedia/a/atas.html
+  filters: [Charting, Live trading, Realtime data]
+
+- name: Backtrader
+  description: Python framework for backtesting trading strategies
+  logo: /assets/images/logos/backtrader.png
+  website: https://www.backtrader.com/
+  pedia_link: /en/pedia/b/backtrader.html
+  github: https://github.com/mementum/backtrader
+  filters: [Free, Backtesting, Paper Trading, OpenSource, Python]
+
+- name: BlueShift
+  description: Algorithmic trading platform by Blueshift Asset Management
+  logo: /assets/images/logos/blueshift.png
+  website: https://blueshift.com/
+  pedia_link: /en/pedia/b/blueshift.html
+  filters: [API, Backtesting, Live trading, Python]
+
+- name: cTrader
+  description: Advanced trading platform for forex and CFD trading
+  logo: /assets/images/logos/ctrader.png
+  website: https://www.ctrader.com/
+  pedia_link: /en/pedia/c/ctrader.html
+  filters: [API, Live trading, Paper Trading, C#]
+
+- name: ChartIQ
+  description: HTML5 charting and technical analysis software
+  logo: /assets/images/logos/chartiq.png
+  website: https://cosaic.io/chartiq/
+  pedia_link: /en/pedia/c/chartiq.html
+  filters: [Charting, API, JavaScript]
+
+- name: CQG
+  description: Professional trading platform for futures and options
+  logo: /assets/images/logos/cqg.png
+  website: https://www.cqg.com/
+  pedia_link: /en/pedia/c/cqg.html
+  filters: [Live trading, API, Realtime data]
+
+- name: Deltix
+  description: Quantitative research and algorithmic trading platform
+  logo: /assets/images/logos/deltix.png
+  website: https://www.deltixlab.com/
+  pedia_link: /en/pedia/d/deltix.html
+  filters: [Backtesting, Live trading, API, Java]
+
+- name: DXTrade
+  description: Multi-asset trading platform
+  logo: /assets/images/logos/dxtrade.png
+  website: https://www.dxfeed.com/market-data/dxtrade/
+  pedia_link: /en/pedia/d/dxtrade.html
+  filters: [Live trading, API, Realtime data]
+
+- name: eSignal
+  description: Real-time market data and analysis software
+  logo: /assets/images/logos/esignal.png
+  website: https://www.esignal.com/
+  pedia_link: /en/pedia/e/esignal.html
+  filters: [Charting, Realtime data, Historical Data]
+
+- name: Genesis
+  description: Microservices and modules for financial markets
+  logo: /assets/images/logos/genesis.png
+  website: https://genesis.global/
+  pedia_link: /en/pedia/g/genesis.html
+  filters: [API, Live trading]
+
+- name: GoCharting
+  description: Web-based charting and technical analysis platform
+  logo: /assets/images/logos/gocharting.png
+  website: https://gocharting.com/
+  pedia_link: /en/pedia/g/gocharting.html
+  filters: [Charting, Stock, Crypto]
+
+- name: IBridgePy
+  description: Python trading framework for Interactive Brokers
+  logo: /assets/images/logos/ibridgepy.png
+  website: https://ibridgepy.com/
+  pedia_link: /en/pedia/i/ibridgepy.html
+  filters: [API, Live trading, Paper Trading, Stock, Python]
+
+- name: JForex
+  description: Java-based trading platform by Dukascopy
+  logo: /assets/images/logos/jforex.png
+  website: https://www.dukascopy.com/europe/english/forex/jforex/
+  pedia_link: /en/pedia/j/jforex.html
+  filters: [API, Live trading, Backtesting, Java]
+
+- name: Jigsaw Trading
+  description: Order flow trading software
+  logo: /assets/images/logos/jigsaw.png
+  website: https://www.jigsawtrading.com/
+  pedia_link: /en/pedia/j/jigsaw_trading.html
+  filters: [Live trading, Realtime data]
+
+- name: Kite by Zerodha
+  description: Modern trading platform by Zerodha
+  logo: /assets/images/logos/kite.png
+  website: https://kite.zerodha.com/
+  pedia_link: /en/pedia/k/kite_by_zerodha.html
+  filters: [API, Live trading, Stock]
+
+- name: Lightweight Charts
+  description: Financial lightweight charts library
+  logo: /assets/images/logos/lightweight-charts.png
+  website: https://www.tradingview.com/lightweight-charts/
+  pedia_link: /en/pedia/l/lightweight_charts.html
+  github: https://github.com/tradingview/lightweight-charts
+  filters: [Charting, JavaScript, OpenSource]
+
+- name: Livevol
+  description: Options analytics and trading platform
+  logo: /assets/images/logos/livevol.png
+  website: https://www.cboe.com/trade/tools/livevol
+  pedia_link: /en/pedia/l/livevol.html
+  filters: [Live trading, Realtime data, Stock]
+
+- name: Marketcetera
+  description: Open source trading platform
+  logo: /assets/images/logos/marketcetera.png
+  website: https://www.marketcetera.com/
+  pedia_link: /en/pedia/m/marketcetera.html
+  github: https://github.com/marketcetera/marketcetera
+  filters: [OpenSource, Java, Live trading, API]
+
+- name: MetaTrader 4 (MT4)
+  description: Popular forex and CFD trading platform
+  logo: /assets/images/logos/mt4.png
+  website: https://www.metatrader4.com/
+  pedia_link: /en/pedia/m/metatrader_4.html
+  filters: [Live trading, Backtesting, API, MQL4]
+
+- name: MetaTrader 5 (MT5)
+  description: Multi-asset trading platform
+  logo: /assets/images/logos/mt5.png
+  website: https://www.metatrader5.com/
+  pedia_link: /en/pedia/m/metatrader_5.html
+  filters: [Live trading, Backtesting, API, Stock, Crypto, MQL5]
+
+- name: MotiveWave
+  description: Professional charting and trading software
+  logo: /assets/images/logos/motivewave.png
+  website: https://www.motivewave.com/
+  pedia_link: /en/pedia/m/motivewave.html
+  filters: [Charting, Live trading, Backtesting, Java]
+
+- name: MultiCharts
+  description: Professional trading platform for technical analysis and automated trading
+  logo: /assets/images/logos/multicharts.png
+  website: https://www.multicharts.com/
+  pedia_link: /en/pedia/m/multicharts.html
+  filters: [Charting, Live trading, Backtesting, PowerLanguage]
+
+- name: NinjaTrader
+  description: Trading and charting software for active traders
+  logo: /assets/images/logos/ninjatrader.png
+  website: https://ninjatrader.com/
+  pedia_link: /en/pedia/n/ninjatrader.html
+  filters: [Live trading, Backtesting, Charting, C#]
+
+- name: NautilusTrader
+  description: High-performance algorithmic trading framework
+  logo: /assets/images/logos/nautilustrader.png
+  website: https://nautilustrader.io/
+  pedia_link: /en/pedia/n/nautilustrader.html
+  github: https://github.com/nautechsystems/nautilus_trader
+  filters: [Python, Backtesting, Live trading, OpenSource]
+
+- name: NeuroShell
+  description: Neural network software for financial forecasting and trading
+  logo: /assets/images/logos/neuroshell.png
+  website: https://www.ward.net/
+  pedia_link: /en/pedia/n/neuroshell.html
+  filters: [Backtesting, Optimization]
+
+- name: Optuma
+  description: Technical analysis software for professionals
+  logo: /assets/images/logos/optuma.png
+  website: https://www.optuma.com/
+  pedia_link: /en/pedia/o/optuma.html
+  filters: [Charting, Backtesting, Historical Data]
+
+- name: Orc Trader
+  description: Professional trading platform for options and futures
+  logo: /assets/images/logos/orc-trader.png
+  website: https://www.itiviti.com/
+  pedia_link: /en/pedia/o/orc_trader.html
+  filters: [Live trading, API]
+
+- name: QuantConnect
+  description: Open-source algorithmic trading platform
+  logo: /assets/images/logos/quantconnect.png
+  website: https://www.quantconnect.com/
+  pedia_link: /en/pedia/q/quantconnect.html
+  github: https://github.com/QuantConnect/Lean
+  filters: [Backtesting, Live trading, API, OpenSource, Python, C#]
+
+- name: Quantlib
+  description: Quantitative finance library
+  logo: /assets/images/logos/quantlib.png
+  website: https://www.quantlib.org/
+  pedia_link: /en/pedia/q/quantlib.html
+  github: https://github.com/lballabio/QuantLib
+  filters: [OpenSource, C++]
+
+- name: QuantRocket
+  description: Quantitative trading platform
+  logo: /assets/images/logos/quantrocket.png
+  website: https://www.quantrocket.com/
+  pedia_link: /en/pedia/q/quantrocket.html
+  filters: [Backtesting, Live trading, API, Python]
+
+- name: QuantShare
+  description: Backtesting and automated trading software
+  logo: /assets/images/logos/quantshare.png
+  website: https://www.quantshare.com/
+  pedia_link: /en/pedia/q/quantshare.html
+  filters: [Backtesting, Live trading, C#]
+
+- name: Rithmic
+  description: Trading and market data platform
+  logo: /assets/images/logos/rithmic.png
+  website: https://www.rithmic.com/
+  pedia_link: /en/pedia/r/rithmic.html
+  filters: [Live trading, API, Realtime data]
+
+- name: Sierra Chart
+  description: Professional charting and trading software
+  logo: /assets/images/logos/sierra-chart.png
+  website: https://www.sierrachart.com/
+  pedia_link: /en/pedia/s/sierra_chart.html
+  filters: [Charting, Live trading, Backtesting, C++]
+
+- name: SmartQuant
+  description: Algorithmic trading platform and framework
+  logo: /assets/images/logos/smartquant.png
+  website: https://www.smartquant.com/
+  pedia_link: /en/pedia/s/smartquant.html
+  filters: [Backtesting, Live trading, C#]
+
+- name: Sterling Trader
+  description: Professional direct access trading platform
+  logo: /assets/images/logos/sterling-trader.png
+  website: https://www.sterlingtradingtech.com/
+  pedia_link: /en/pedia/s/sterling_trader.html
+  filters: [Live trading, API]
+
+- name: StockSharp
+  description: Open-source trading platform for algorithmic trading
+  logo: /assets/images/logos/stocksharp.png
+  website: https://stocksharp.com/
+  pedia_link: /en/pedia/s/stocksharp.html
+  github: https://github.com/StockSharp/StockSharp
+  filters: [OpenSource, Backtesting, Live trading, C#]
+
+- name: ThinkOrSwim
+  description: Advanced trading platform by TD Ameritrade
+  logo: /assets/images/logos/thinkorswim.png
+  website: https://www.tdameritrade.com/tools-and-platforms/thinkorswim.html
+  pedia_link: /en/pedia/t/thinkorswim.html
+  filters: [Live trading, Backtesting, Charting]
+
+- name: TradeStation
+  description: Electronic trading platform for financial market traders
+  logo: /assets/images/logos/tradestation.png
+  website: https://www.tradestation.com/
+  pedia_link: /en/pedia/t/tradestation.html
+  filters: [Live trading, Backtesting, API, EasyLanguage]
+
+- name: Trading Technologies (TT)
+  description: Professional trading software for derivatives
+  logo: /assets/images/logos/trading-technologies.png
+  website: https://www.tradingtechnologies.com/
+  pedia_link: /en/pedia/t/trading_technologies.html
+  filters: [Live trading, API]
+
+- name: TradingView
+  description: Web-based charting and social network for traders and investors
+  logo: /assets/images/logos/tradingview.png
+  website: https://www.tradingview.com/
+  pedia_link: /en/pedia/t/tradingview.html
+  filters: [Charting, Backtesting, Pine Script]
+
+- name: Volfix
+  description: Options analytics and trading platform
+  logo: /assets/images/logos/volfix.png
+  website: https://www.volfix.com/
+  pedia_link: /en/pedia/v/volfix.html
+  filters: [Live trading, API, Stock]
\ No newline at end of file