updated strategy with cards like recipes

zackrylangford · Jun 5, 2024 · 925454e · 925454e
1 parent 6fabfcf
commit 925454e
Show file tree

Hide file tree

Showing 3 changed files with 109 additions and 4 deletions.
diff --git a/_layouts/strategy.html b/_layouts/strategy.html
@@ -0,0 +1,50 @@
+---
+layout: default
+---
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ page.title }}</title>
+  <link rel="stylesheet" href="{{ '/assets/css/blog-post.css' | relative_url }}">
+  <link rel="stylesheet" href="{{ '/assets/css/strategy.css' | relative_url }}">
+</head>
+
+<body>
+  <main class="container">
+    <article class="blog-post">
+    {% if page.strategy %}
+    <div class="strategy-card">
+        <h2>{{ page.strategy.title }}</h2>
+        <p><strong>Entry Points:</strong></p>
+        <ul>
+            {% for entry in page.strategy.entry_points %}
+                <li>{{ entry }}</li>
+            {% endfor %}
+        </ul>
+        <p><strong>Exit Points:</strong></p>
+        <ul>
+            {% for exit in page.strategy.exit_points %}
+                <li>{{ exit }}</li>
+            {% endfor %}
+        </ul>
+        <p><strong>Risk Management:</strong></p>
+        <ul>
+            {% for risk in page.strategy.risk_management %}
+                <li>{{ risk }}</li>
+            {% endfor %}
+        </ul>
+        <p><strong>Example:</strong></p>
+        <p>High: {{ page.strategy.example.high }}, Low: {{ page.strategy.example.low }}, Close: {{ page.strategy.example.close }}</p>
+        <p>R3: {{ page.strategy.example.r3 }}, S3: {{ page.strategy.example.s3 }}</p>
+    </div>
+    {% endif %}
+</article>
+    <article class="blog-post">
+      {{ content }}
+    </article>
+  </main>
+</body>
+</html>
diff --git a/_posts/2024-06-04-camarilla-r3-s3-strategy.md b/_posts/2024-06-04-camarilla-r3-s3-strategy.md
@@ -1,11 +1,31 @@
 ---
-layout: blog-post
+layout: strategy
 title:  "R3/S3 Camarilla Strategy"
 date:   2024-06-04
 categories: strategy
+strategy:
+  title: "R3/S3 Camarilla Play"
+  entry_points:
+    - "Buy at S3"
+    - "Sell at R3"
+  exit_points:
+    - "Sell at R1, R2, R3 for long positions"
+    - "Buy at S1, S2, S3 for short positions"
+  risk_management:
+    - "Place stop-loss beyond S3/R3"
+    - "Proper position sizing"
+    - "Set realistic profit targets - look for Moving Averages, VWAP, HOD/LOD, other Cam points." 
+  example:
+    high: 150
+    low: 140
+    close: 145
+    r3: 147.75
+    s3: 142.25
 ---
 
-# R3/S3 Camarilla Strategy
+## Overview of Strategy
+
+One of my favorite strategies is to trade the R3/S3 Camarilla Pivot points. It's a really simple strategy to trade and has been my most successful trading play, which is why it's the first one on my list.
 
 The Camarilla pivot point strategy is a popular technique among traders to predict price movements in the financial markets. This strategy relies on a series of support and resistance levels, with a specific focus on the S3 (third support level) and R3 (third resistance level). The simplicity and effectiveness of this strategy make it a go-to for many traders.
 
@@ -22,7 +42,7 @@ The formula for calculating Camarilla pivot points is based on the previous day'
 
 ## The R3/S3 Strategy
 
-### Overview
+### Trade Play
 
 The R3/S3 strategy is straightforward: you look to buy at the S3 level and sell at the R3 level. This method is based on the assumption that prices are likely to reverse when they hit these levels, making them ideal points to enter and exit trades.
 
@@ -54,7 +74,6 @@ The R3/S3 strategy is straightforward: you look to buy at the S3 level and sell
     - You can use R2, R1, S1, S2, and finally S3 as exit points.
     - It can also be effective to have other levels such as moving averages and VWAP levels to target for exits.
 
-
 ### Risk Management
 
 As with any trading strategy, managing risk is crucial. Here are some tips for risk management when using the R3/S3 strategy:

diff --git a/assets/css/strategy.css b/assets/css/strategy.css
@@ -0,0 +1,36 @@
+.strategy-card {
+    border: 1px solid #ccc;
+    padding: 20px;
+    margin: 20px 0;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.strategy-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+}
+
+.strategy-card h2 {
+    margin-top: 0;
+    color: #2c3e50; /* Dark blue color */
+    font-size: 1.75em;
+    border-bottom: 2px solid #A91D3A; /* Bottom border */
+    padding-bottom: 10px;
+}
+
+.strategy-card ul {
+    padding-left: 20px;
+    list-style-type: disc;
+}
+
+.strategy-card li {
+    margin-bottom: 10px;
+    color: #34495e; /* Darker blue for list items */
+}
+
+.strategy-card p {
+    margin: 10px 0;
+    color: #34495e; /* Darker blue for paragraphs */
+}