001 |  
002 | ** ****************************************************************************************** *
003 | ** MANDRAGORE PLANETE  : example MarketDown
004 | ** *******************************************************************************************
005 |  
006 | #include  "#SYSPATHMS4BI+\zInclude\css\ms4markerdown.css"   
007 | #include  "#SYSPATHMS4BI+\zInclude\includeChart.h"    
008 |  BEGIN  /* icon +windows */ 
009 |  <div $bg_gray :
010 |         <icon   : $fa_podcast + $fa_2x +  $fa_pull_left  , style:"color:orange; font-size:2rem"  ,<text :"","#### MS4BI 5F0;">in 5 m5F0;">inutes #### "> > 
011 |     > ;
012 |            <img   : "/ui/include/img/mandragore250x150.png" > ;  
013 |      
014 | 
015 |  <div  $IsVisible_lg :  /* visible only large (screen) */ 
016 |      DrawWindow : "Win00" , actions : $WinCustom +  $WinMinimize + $WinMaximize + $WinClose  , position : 8240,   50,470,1450  TITLE : "  Window Web: MS4 script Rapid Developt" 
017 |                                       url :  UrlMs4Script   /* key word ms4script */
018 |      >; 
019 | END ;     
020 |   Begin_Block_Rwd  :  margin_page  
021 |   Setting :
022 |       Backgroundcolor : "GAINSBORO" ;  
023 | BEGIN_MARKER /* or begin_SW : warning attn : MarkerDown is on ! */   
024 |  
025 | <``    
026 |  #     MS4BI  : MarkerDown Syntax        # 
027 |  ``>
028 | $img(/ui/include/img/markerDownH1.png)$img [[[ ### TITLE ### ]]]
029 |       #   H1 Title       #   
030 |     ##  H2 Title       ## 
031 |     ### H3 Title       ###
032 |     #### H4 Title     ####
033 |     ##### H5 Title      #####
034 |     ###### H6 Title     ######
035 | 
036 | #b   H1 Title bold   #b  
037 | ##b  H2 Title  bold  ##b 
038 | ###b H3 Title  bold h4,h5,h6..  ###b
039 | #b+c H1 Title bold + center   #b+c
040 | ##b+c H2 Title   bold + center    ##b+c
041 | ###b+c H6 Title  bold + center h4,h5,h6..    ###b+c 
042 |  
043 |     ##  Comments ##
044 | \p Comments should be HTML compatible \p
045 | 
046 |     <``    
047 |         &lt;!--
048 |         This is a comment
049 |         --&gt; 
050 |     ``>
051 |     
052 | <``  
053 |  ##  Colors String ##
054 |     
055 |    &#47;r /r Color red  /r   
056 |    &#47;b /b Color blue /b    
057 |    &#47;y /y Color yellow /y    
058 |    &#47;o /o Color orange /o      
059 |    &#47;m /m Color MistyRose /m    
060 |    &#47;g /g Color green /g      
061 |    &#47;w /w Color white /w     
062 |    &#47;k /k Color black /k     
063 |   ``>
064 |     <`` 
065 |         <##  ###  Emphasis : Bold, Italics, underline, strikethrough  ### 
066 |             <++     
067 |                 >> ** bold >>
068 |                 >> -- italics >>
069 |                 >> __ underline >>
070 |                 >> ~~ strikethrough >>
071 |             ++>
072 |         ##>
073 | $img(/ui/include/img/markerDownPara.png)$img [[[ ### Emphasis ### ]]]
074 |     ** Sed  saepe enim redeo ad Scipionem,** 
075 |         cuius omnis sermo **erat de amicitia  querebatur**,  
076 |         \n quod /r omnibus/r in ~~ rebus  homines ~~ /b diligentiores essent;/b 
077 |         \n capras   et oves quot /g quisque haberet,/g
078 |         \n ** dicere posse, __amicos quot haberet__,** 
079 |         \n   non  posse **dicere  et **  
080 |         \n  cin illis --quidem parandis adhibere curam,--  
081 |         \l 
082 |         \n   in amicis **eligendis** neglegentis 
083 |     ``>
084 |     $img(/ui/include/img/markerDownLink1.png)$img [[[ ### Link 1  ### ]]]
085 | 
086 |   ##  link (Automatic title)  ##   $$getms4bi.com$$ 
087 |   ##  link ( specif  title)   ## $link(https://assemble.io)$link [[Assemblelink]]  
088 |   ##  mailto :   ##    %%contact@mgplanete.com%% 
089 | 
090 |  ## Inline HTML ##
091 | \p If you need a certain HTML tag (with a class) you can simply use HTML: \p
092 | 
093 | <`` 
094 | Paragraph in Markdown MS4 script.
095 | 
096 | &lt;div class="class"&gt
097 | &lt;/div&gt
098 | 
099 | Paragraph in Markdown MS4 script.
100 | <div class='section'>
101 |   <a class='big button' href='...'>View in GitHub</a>
102 | </div>
103 |  
104 |  ``>
105 |  
106 |  $img(/ui/include/img/markerDownCode.png)$img [[[ ### Code  ### ]]]
107 |        
108 |  <``      ####  &lt;`` CODE ``&gt #### 
109 |    basic MS4 script syntax  :  **button :**  --var-- (button) ,  **icon :**   **attribut :**  --var-- (attribut) ,    --var-- (icon) , --text :-- (optional)--var-- (text -optional-)  
110 | \n example :    /r ####b &lt; icon :   (attribut :)####b /r $fa_5x ,    $fa_address_book_o ,'adress'    &gt;           
111 |   ``> 
112 |  
113 |     <##  ####  Blockquotes ####
114 |     ###Donec massa lacus, ultricies### n, fermentum sed augue.
115 |         Nunc /r augue augue, /r aliquam non hendrerit /b ac, commodo vel nisi. /b
116 |      ##>    
117 |         $img(/ui/include/img/markerDownBlockquote.png)$img [[[ ### Blockquotes 1   ### ]]]
118 |  
119 |      <## ####Blockquotes #### Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue.
120 |         Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi.
121 |             <## ####Blockquotes #### Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor
122 |             odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam
123 |             ##>
124 |     ##>    
125 |             $img(/ui/include/img/markerDownBlockquoteNext.png)$img [[[ ### Blockquotes 2   ### ]]]
126 | 
127 |         <++    ### &lt;++ Lists Unordered ++&gt;  ###
128 |             >> Lorem ipsum dolor sit amet >>
129 |             >> Consectetur adipiscing elit >>
130 |             >> /b Integer molestie lorem at massa /b >>
131 |             >> Facilisis in pretium nisl aliquet >>
132 |             >> Nulla volutpat aliquam velit >>
133 |             <++ #### Lists Unordered####
134 |                 >>  Phasellus iaculis neque >> 
135 |                 >>  --Purus sodales ultricies-- >> 
136 |                 >>  __Vestibulum laoreet porttitor sem__ >> 
137 |                 >>  ~~Ac tristique libero volutpat at~~ >> 
138 |             ++>
139 |             >>Faucibus porta lacus fringilla vel>>
140 |             >> Aenean sit amet erat nunc>>
141 |             >> Eget porttitor lorem>>
142 |         ++>
143 |     
144 |     <!!     ###  &lt;!! Lists ordered !!&gt; ###
145 |         >> Lorem ipsum dolor sit amet>>
146 |         >> Consectetur adipiscing elit>>
147 |         >> Integer molestie lorem at massa>>
148 |         >> Facilisis in pretium nisl aliquet>>
149 |         >> Nulla volutpat aliquam velit>>
150 |         >> Faucibus porta lacus fringilla vel>>
151 |         >> Aenean sit amet erat nunc>>
152 |         >> Eget porttitor lorem>>
153 |      !!>
154 |     
155 |      
156 |             $img(/ui/include/img/markerDownLink2.png)$img [[[ ### Link 2 ### ]]]
157 | 
158 | $img(/ui/include/img/blurry.jpg)$img [[[ ### Image ### ]]]
159 | $img(/ui/include/img/mgplanete.jpg)$img [[[ ### MgPlanete ### ]]]
160 | $img(/ui/include/img/mgplaneteIco.jpg height='32px' width='32px')$img [[[ ### MgPlanete Icon ### ]]]
161 |  
162 |  
163 |            $img(/ui/include/img/markerDownResponsive1.png)$img [[[ ### Responsive 1 ### ]]]
164 |           $img(/ui/include/img/markerDownResponsive2Style.png)$img [[[ ### Responsive 2 ### ]]]
165 | 
166 |  END_MARKER ; /* or END SW : SCRIPT WEB */
167 |      
168 |     printSw "# Responsive 1 : begin_div : table responsive  #  \n";  
169 |    position  : relative,auto,550 : 
170 |  begin_div : table responsive     
171 |     |     # |    Date |    Time     | Amount |
172 |     | 3326 |    10/21/2013 |    3:29 PM |    $321.33  |
173 |     | 3325 |    10/21/2013 |    3:20 PM |    $234.34  |
174 |     | 3324 |    ** 10/21/2013 ** |    3:03 PM |    $724.17  |
175 |     | 3323 |    10/21/2013 |    3:00 PM |    $23.71   |
176 |     | 3322 |    10/21/2013 |    2:49 PM     |   $8345.23 |
177 |     | 3321 |    10/21/2013 |    2:23 PM     |/b    $245.12 /b |
178 |     | 3320 |    10/21/2013 | /r    2:15 PM  /r |    $5663.54 |
179 |     | 3319 |    10/21/2013 |    2:13 PM |    $943.45  |
180 |  end_div  ;
181 |   printsw " \l" ;
182 |   
183 |   <icon : $fa_4x + $fa_list_alt +  $fa_pull_left, style:"background:MistyRose" , <text :"","  ## Responsive 2 : CSS : Begin_DIV : table '__style.css__ ' ## "  >    >    ;
184 |   
185 |   printsw " \n\l" ;
186 |     position  : relative,auto,550 : 
187 |        begin_div : table "0Table"     /* style */  /* style */
188 |  \n    |     # |    Date |    Time     | Amount |
189 |  \n    | 3326 |    10/21/2013 |    3:29 PM |    $321.33  |
190 |  \n    | 3325 |    10/21/2013 |    3:20 PM |    $234.34  |
191 |  \n    | 3324 |    ** 10/21/2013 ** |    3:03 PM |    $724.17  |
192 |  \n    | 3323 |    10/21/2013 |    3:00 PM |    $23.71   |
193 |  \n    | 3322 |    10/21/2013 |    2:49 PM     |   $8345.23 |
194 |  \n    | 3321 |    10/21/2013 |    2:23 PM     |/b    $245.12 /b |
195 |  \n    | 3320 |    10/21/2013 | /r    2:15 PM  /r |    $5663.54 |
196 |  \n | 3319 |    10/21/2013 |    2:13 PM |    $943.45  |
197 |   
198 |  end_div  ;
199 |    printsw "\n \n\l" ;
200 |  
201 |   printSW " ### Skip  2 lines .. ###";
202 |    
203 | 
204 |  <Rwd_Row :  1
205 |    <Rwd_Col :  sm:4,md:4,lg:4 : 
206 |       
207 | ** ***************** Download *****  ms4script : this *******************************************************************    
208 |      
209 |      <url : "GET-99-04MarkDownMs4Script.ms4" button :    $Bts_btn_info + "btn-lg" ,   icon   :   $fa_1x + $fa_pull_left +  $fa_download  , 
210 |            , "Download \n Ms4script" >     , /*text : optional */
211 |       >  /* end col */
212 |  
213 |      <Rwd_Col : sm:4,md:4,lg:4: 
214 | ** ***************** Frame  ***** Marker Down *******************************************************************    
215 |                begin_div : Frame "commentsmall"  /* style */
216 |             Interested in joining us?? %%contact@mgplanete.com%% 
217 |             \n  /b The Mg Planete team /b
218 |             end_div ,
219 |      >  /* end col */
220 |   >; /* end row */              
221 |         printsw "\l" ;    
222 | End_Block_Rwd ;    
223 |   
224 |