blob: 8abcb1cc04ccf4c6dd9eb35bb46f8e0078acee96 [file] [log] [blame]
<!DOCTYPE HTML>
<!-- NewPage -->
<html lang="en">
<head>
<!-- Generated by javadoc (11.0.18) on Wed Mar 01 02:01:42 GMT 2023 -->
<title>TopologyContext (Heron Java API)</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="dc.created" content="2023-03-01">
<link rel="stylesheet" type="text/css" href="../../../../../stylesheet.css" title="Style">
<link rel="stylesheet" type="text/css" href="../../../../../jquery/jquery-ui.min.css" title="Style">
<link rel="stylesheet" type="text/css" href="../../../../../jquery-ui.overrides.css" title="Style">
<script type="text/javascript" src="../../../../../script.js"></script>
<script type="text/javascript" src="../../../../../jquery/jszip/dist/jszip.min.js"></script>
<script type="text/javascript" src="../../../../../jquery/jszip-utils/dist/jszip-utils.min.js"></script>
<!--[if IE]>
<script type="text/javascript" src="../../../../../jquery/jszip-utils/dist/jszip-utils-ie.min.js"></script>
<![endif]-->
<script type="text/javascript" src="../../../../../jquery/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="../../../../../jquery/jquery-ui.min.js"></script>
</head>
<body>
<script type="text/javascript"><!--
try {
if (location.href.indexOf('is-external=true') == -1) {
parent.document.title="TopologyContext (Heron Java API)";
}
}
catch(err) {
}
//-->
var data = {"i0":6,"i1":6,"i2":6,"i3":6,"i4":6,"i5":6,"i6":6,"i7":6,"i8":6,"i9":6,"i10":6,"i11":6,"i12":6};
var tabs = {65535:["t0","All Methods"],2:["t2","Instance Methods"],4:["t3","Abstract Methods"]};
var altColor = "altColor";
var rowColor = "rowColor";
var tableTab = "tableTab";
var activeTableTab = "activeTableTab";
var pathtoroot = "../../../../../";
var useModuleDirectories = true;
loadScripts(document, 'script');</script>
<noscript>
<div>JavaScript is disabled on your browser.</div>
</noscript>
<header role="banner">
<nav role="navigation">
<div class="fixedNav">
<!-- ========= START OF TOP NAVBAR ======= -->
<div class="topNav"><a id="navbar.top">
<!-- -->
</a>
<div class="skipNav"><a href="#skip.navbar.top" title="Skip navigation links">Skip navigation links</a></div>
<a id="navbar.top.firstrow">
<!-- -->
</a>
<ul class="navList" title="Navigation">
<li><a href="../../../../../index.html">Overview</a></li>
<li><a href="package-summary.html">Package</a></li>
<li class="navBarCell1Rev">Class</li>
<li><a href="package-tree.html">Tree</a></li>
<li><a href="../../../../../deprecated-list.html">Deprecated</a></li>
<li><a href="../../../../../index-all.html">Index</a></li>
<li><a href="../../../../../help-doc.html">Help</a></li>
</ul>
</div>
<div class="subNav">
<ul class="navList" id="allclasses_navbar_top">
<li><a href="../../../../../allclasses.html">All&nbsp;Classes</a></li>
</ul>
<ul class="navListSearch">
<li><label for="search">SEARCH:</label>
<input type="text" id="search" value="search" disabled="disabled">
<input type="reset" id="reset" value="reset" disabled="disabled">
</li>
</ul>
<div>
<script type="text/javascript"><!--
allClassesLink = document.getElementById("allclasses_navbar_top");
if(window==top) {
allClassesLink.style.display = "block";
}
else {
allClassesLink.style.display = "none";
}
//-->
</script>
<noscript>
<div>JavaScript is disabled on your browser.</div>
</noscript>
</div>
<div>
<ul class="subNavList">
<li>Summary:&nbsp;</li>
<li>Nested&nbsp;|&nbsp;</li>
<li>Field&nbsp;|&nbsp;</li>
<li>Constr&nbsp;|&nbsp;</li>
<li><a href="#method.summary">Method</a></li>
</ul>
<ul class="subNavList">
<li>Detail:&nbsp;</li>
<li>Field&nbsp;|&nbsp;</li>
<li>Constr&nbsp;|&nbsp;</li>
<li><a href="#method.detail">Method</a></li>
</ul>
</div>
<a id="skip.navbar.top">
<!-- -->
</a></div>
<!-- ========= END OF TOP NAVBAR ========= -->
</div>
<div class="navPadding">&nbsp;</div>
<script type="text/javascript"><!--
$('.navPadding').css('padding-top', $('.fixedNav').css("height"));
//-->
</script>
</nav>
</header>
<!-- ======== START OF CLASS DATA ======== -->
<main role="main">
<div class="header">
<div class="subTitle"><span class="packageLabelInType">Package</span>&nbsp;<a href="package-summary.html">org.apache.heron.api.topology</a></div>
<h2 title="Interface TopologyContext" class="title">Interface TopologyContext</h2>
</div>
<div class="contentContainer">
<div class="description">
<ul class="blockList">
<li class="blockList">
<dl>
<dt>All Superinterfaces:</dt>
<dd><code><a href="GeneralTopologyContext.html" title="interface in org.apache.heron.api.topology">GeneralTopologyContext</a></code>, <code><a href="../metric/IMetricsRegister.html" title="interface in org.apache.heron.api.metric">IMetricsRegister</a></code></dd>
</dl>
<dl>
<dt>All Known Implementing Classes:</dt>
<dd><code><a href="../../integration_test/core/TestTopologyContext.html" title="class in org.apache.heron.integration_test.core">TestTopologyContext</a></code>, <code><a href="../../common/utils/topology/TopologyContextImpl.html" title="class in org.apache.heron.common.utils.topology">TopologyContextImpl</a></code></dd>
</dl>
<hr>
<pre>public interface <span class="typeNameLabel">TopologyContext</span>
extends <a href="GeneralTopologyContext.html" title="interface in org.apache.heron.api.topology">GeneralTopologyContext</a>, <a href="../metric/IMetricsRegister.html" title="interface in org.apache.heron.api.metric">IMetricsRegister</a></pre>
<div class="block">A TopologyContext is given to bolts and spouts in their "prepare" and "open"
methods, respectively. This object provides information about the component's
place within the topology, such as task ids, inputs and outputs, etc.</div>
</li>
</ul>
</div>
<div class="summary">
<ul class="blockList">
<li class="blockList">
<!-- ========== METHOD SUMMARY =========== -->
<section>
<ul class="blockList">
<li class="blockList"><a id="method.summary">
<!-- -->
</a>
<h3>Method Summary</h3>
<table class="memberSummary">
<caption><span id="t0" class="activeTableTab"><span>All Methods</span><span class="tabEnd">&nbsp;</span></span><span id="t2" class="tableTab"><span><a href="javascript:show(2);">Instance Methods</a></span><span class="tabEnd">&nbsp;</span></span><span id="t3" class="tableTab"><span><a href="javascript:show(4);">Abstract Methods</a></span><span class="tabEnd">&nbsp;</span></span></caption>
<tr>
<th class="colFirst" scope="col">Modifier and Type</th>
<th class="colSecond" scope="col">Method</th>
<th class="colLast" scope="col">Description</th>
</tr>
<tr id="i0" class="altColor">
<td class="colFirst"><code>void</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#addTaskHook(org.apache.heron.api.hooks.ITaskHook)">addTaskHook</a></span>&#8203;(<a href="../hooks/ITaskHook.html" title="interface in org.apache.heron.api.hooks">ITaskHook</a>&nbsp;hook)</code></th>
<td class="colLast">
<div class="block">Add a Task Hook for this instance</div>
</td>
</tr>
<tr id="i1" class="rowColor">
<td class="colFirst"><code>java.util.Collection&lt;<a href="../hooks/ITaskHook.html" title="interface in org.apache.heron.api.hooks">ITaskHook</a>&gt;</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#getHooks()">getHooks</a></span>()</code></th>
<td class="colLast">
<div class="block">Get the list of all task hooks</div>
</td>
</tr>
<tr id="i2" class="altColor">
<td class="colFirst"><code>java.lang.Object</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#getTaskData(java.lang.String)">getTaskData</a></span>&#8203;(java.lang.String&nbsp;name)</code></th>
<td class="colLast">&nbsp;</td>
</tr>
<tr id="i3" class="rowColor">
<td class="colFirst"><code>java.lang.String</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#getThisComponentId()">getThisComponentId</a></span>()</code></th>
<td class="colLast">
<div class="block">Gets the component id for this task.</div>
</td>
</tr>
<tr id="i4" class="altColor">
<td class="colFirst"><code><a href="../tuple/Fields.html" title="class in org.apache.heron.api.tuple">Fields</a></code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#getThisOutputFields(java.lang.String)">getThisOutputFields</a></span>&#8203;(java.lang.String&nbsp;streamId)</code></th>
<td class="colLast">
<div class="block">Gets the declared output fields for the specified stream id for the component
this task is a part of.</div>
</td>
</tr>
<tr id="i5" class="rowColor">
<td class="colFirst"><code>java.util.Map&lt;<a href="../generated/TopologyAPI.StreamId.html" title="class in org.apache.heron.api.generated">TopologyAPI.StreamId</a>,&#8203;<a href="../generated/TopologyAPI.Grouping.html" title="enum in org.apache.heron.api.generated">TopologyAPI.Grouping</a>&gt;</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#getThisSources()">getThisSources</a></span>()</code></th>
<td class="colLast">
<div class="block">Gets the declared inputs to this component.</div>
</td>
</tr>
<tr id="i6" class="altColor">
<td class="colFirst"><code>java.util.Set&lt;java.lang.String&gt;</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#getThisStreams()">getThisStreams</a></span>()</code></th>
<td class="colLast">
<div class="block">Gets the set of streams declared for the component of this task.</div>
</td>
</tr>
<tr id="i7" class="rowColor">
<td class="colFirst"><code>java.util.Map&lt;java.lang.String,&#8203;java.util.Map&lt;java.lang.String,&#8203;<a href="../generated/TopologyAPI.Grouping.html" title="enum in org.apache.heron.api.generated">TopologyAPI.Grouping</a>&gt;&gt;</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#getThisTargets()">getThisTargets</a></span>()</code></th>
<td class="colLast">
<div class="block">Gets information about who is consuming the outputs of this component, and how.</div>
</td>
</tr>
<tr id="i8" class="altColor">
<td class="colFirst"><code>int</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#getThisTaskId()">getThisTaskId</a></span>()</code></th>
<td class="colLast">
<div class="block">Gets the task id of this task.</div>
</td>
</tr>
<tr id="i9" class="rowColor">
<td class="colFirst"><code>int</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#getThisTaskIndex()">getThisTaskIndex</a></span>()</code></th>
<td class="colLast">
<div class="block">Gets the index of this task id in getComponentTasks(getThisComponentId()).</div>
</td>
</tr>
<tr id="i10" class="altColor">
<td class="colFirst"><code>&lt;T&gt;&nbsp;<a href="../metric/CombinedMetric.html" title="class in org.apache.heron.api.metric">CombinedMetric</a>&lt;T&gt;</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#registerMetric(java.lang.String,org.apache.heron.api.metric.ICombiner,int)">registerMetric</a></span>&#8203;(java.lang.String&nbsp;name,
<a href="../metric/ICombiner.html" title="interface in org.apache.heron.api.metric">ICombiner</a>&lt;T&gt;&nbsp;combiner,
int&nbsp;timeBucketSizeInSecs)</code></th>
<td class="colLast">&nbsp;</td>
</tr>
<tr id="i11" class="rowColor">
<td class="colFirst"><code>&lt;T,&#8203;U,&#8203;V&gt;<br><a href="../metric/ReducedMetric.html" title="class in org.apache.heron.api.metric">ReducedMetric</a>&lt;T,&#8203;U,&#8203;V&gt;</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#registerMetric(java.lang.String,org.apache.heron.api.metric.IReducer,int)">registerMetric</a></span>&#8203;(java.lang.String&nbsp;name,
<a href="../metric/IReducer.html" title="interface in org.apache.heron.api.metric">IReducer</a>&lt;T,&#8203;U,&#8203;V&gt;&nbsp;reducer,
int&nbsp;timeBucketSizeInSecs)</code></th>
<td class="colLast">&nbsp;</td>
</tr>
<tr id="i12" class="altColor">
<td class="colFirst"><code>void</code></td>
<th class="colSecond" scope="row"><code><span class="memberNameLink"><a href="#setTaskData(java.lang.String,java.lang.Object)">setTaskData</a></span>&#8203;(java.lang.String&nbsp;name,
java.lang.Object&nbsp;data)</code></th>
<td class="colLast">&nbsp;</td>
</tr>
</table>
<ul class="blockList">
<li class="blockList"><a id="methods.inherited.from.class.org.apache.heron.api.topology.GeneralTopologyContext">
<!-- -->
</a>
<h3>Methods inherited from interface&nbsp;org.apache.heron.api.topology.<a href="GeneralTopologyContext.html" title="interface in org.apache.heron.api.topology">GeneralTopologyContext</a></h3>
<code><a href="GeneralTopologyContext.html#getComponentId(int)">getComponentId</a>, <a href="GeneralTopologyContext.html#getComponentIds()">getComponentIds</a>, <a href="GeneralTopologyContext.html#getComponentOutputFields(java.lang.String,java.lang.String)">getComponentOutputFields</a>, <a href="GeneralTopologyContext.html#getComponentStreams(java.lang.String)">getComponentStreams</a>, <a href="GeneralTopologyContext.html#getComponentTasks(java.lang.String)">getComponentTasks</a>, <a href="GeneralTopologyContext.html#getRawTopology()">getRawTopology</a>, <a href="GeneralTopologyContext.html#getSources(java.lang.String)">getSources</a>, <a href="GeneralTopologyContext.html#getTargets(java.lang.String)">getTargets</a>, <a href="GeneralTopologyContext.html#getTaskToComponent()">getTaskToComponent</a>, <a href="GeneralTopologyContext.html#getTopologyId()">getTopologyId</a>, <a href="GeneralTopologyContext.html#maxTopologyMessageTimeout()">maxTopologyMessageTimeout</a></code></li>
</ul>
<ul class="blockList">
<li class="blockList"><a id="methods.inherited.from.class.org.apache.heron.api.metric.IMetricsRegister">
<!-- -->
</a>
<h3>Methods inherited from interface&nbsp;org.apache.heron.api.metric.<a href="../metric/IMetricsRegister.html" title="interface in org.apache.heron.api.metric">IMetricsRegister</a></h3>
<code><a href="../metric/IMetricsRegister.html#registerMetric(java.lang.String,T,int)">registerMetric</a></code></li>
</ul>
</li>
</ul>
</section>
</li>
</ul>
</div>
<div class="details">
<ul class="blockList">
<li class="blockList">
<!-- ============ METHOD DETAIL ========== -->
<section>
<ul class="blockList">
<li class="blockList"><a id="method.detail">
<!-- -->
</a>
<h3>Method Detail</h3>
<a id="getThisTaskId()">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>getThisTaskId</h4>
<pre class="methodSignature">int&nbsp;getThisTaskId()</pre>
<div class="block">Gets the task id of this task.</div>
<dl>
<dt><span class="returnLabel">Returns:</span></dt>
<dd>the task id</dd>
</dl>
</li>
</ul>
<a id="getThisComponentId()">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>getThisComponentId</h4>
<pre class="methodSignature">java.lang.String&nbsp;getThisComponentId()</pre>
<div class="block">Gets the component id for this task. The component id maps
to a component id specified for a Spout or Bolt in the topology definition.</div>
</li>
</ul>
<a id="getThisOutputFields(java.lang.String)">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>getThisOutputFields</h4>
<pre class="methodSignature"><a href="../tuple/Fields.html" title="class in org.apache.heron.api.tuple">Fields</a>&nbsp;getThisOutputFields&#8203;(java.lang.String&nbsp;streamId)</pre>
<div class="block">Gets the declared output fields for the specified stream id for the component
this task is a part of.</div>
</li>
</ul>
<a id="getThisStreams()">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>getThisStreams</h4>
<pre class="methodSignature">java.util.Set&lt;java.lang.String&gt;&nbsp;getThisStreams()</pre>
<div class="block">Gets the set of streams declared for the component of this task.</div>
</li>
</ul>
<a id="getThisTaskIndex()">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>getThisTaskIndex</h4>
<pre class="methodSignature">int&nbsp;getThisTaskIndex()</pre>
<div class="block">Gets the index of this task id in getComponentTasks(getThisComponentId()).
An example use case for this method is determining which task
accesses which resource in a distributed resource to ensure an even distribution.</div>
</li>
</ul>
<a id="getThisSources()">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>getThisSources</h4>
<pre class="methodSignature">java.util.Map&lt;<a href="../generated/TopologyAPI.StreamId.html" title="class in org.apache.heron.api.generated">TopologyAPI.StreamId</a>,&#8203;<a href="../generated/TopologyAPI.Grouping.html" title="enum in org.apache.heron.api.generated">TopologyAPI.Grouping</a>&gt;&nbsp;getThisSources()</pre>
<div class="block">Gets the declared inputs to this component.</div>
<dl>
<dt><span class="returnLabel">Returns:</span></dt>
<dd>A map from subscribed component/stream to the grouping subscribed with.</dd>
</dl>
</li>
</ul>
<a id="getThisTargets()">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>getThisTargets</h4>
<pre class="methodSignature">java.util.Map&lt;java.lang.String,&#8203;java.util.Map&lt;java.lang.String,&#8203;<a href="../generated/TopologyAPI.Grouping.html" title="enum in org.apache.heron.api.generated">TopologyAPI.Grouping</a>&gt;&gt;&nbsp;getThisTargets()</pre>
<div class="block">Gets information about who is consuming the outputs of this component, and how.</div>
<dl>
<dt><span class="returnLabel">Returns:</span></dt>
<dd>Map from stream id to component id to the Grouping used.</dd>
</dl>
</li>
</ul>
<a id="setTaskData(java.lang.String,java.lang.Object)">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>setTaskData</h4>
<pre class="methodSignature">void&nbsp;setTaskData&#8203;(java.lang.String&nbsp;name,
java.lang.Object&nbsp;data)</pre>
</li>
</ul>
<a id="getTaskData(java.lang.String)">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>getTaskData</h4>
<pre class="methodSignature">java.lang.Object&nbsp;getTaskData&#8203;(java.lang.String&nbsp;name)</pre>
</li>
</ul>
<a id="addTaskHook(org.apache.heron.api.hooks.ITaskHook)">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>addTaskHook</h4>
<pre class="methodSignature">void&nbsp;addTaskHook&#8203;(<a href="../hooks/ITaskHook.html" title="interface in org.apache.heron.api.hooks">ITaskHook</a>&nbsp;hook)</pre>
<div class="block">Add a Task Hook for this instance</div>
</li>
</ul>
<a id="getHooks()">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>getHooks</h4>
<pre class="methodSignature">java.util.Collection&lt;<a href="../hooks/ITaskHook.html" title="interface in org.apache.heron.api.hooks">ITaskHook</a>&gt;&nbsp;getHooks()</pre>
<div class="block">Get the list of all task hooks</div>
</li>
</ul>
<a id="registerMetric(java.lang.String,org.apache.heron.api.metric.IReducer,int)">
<!-- -->
</a>
<ul class="blockList">
<li class="blockList">
<h4>registerMetric</h4>
<pre class="methodSignature">&lt;T,&#8203;U,&#8203;V&gt;&nbsp;<a href="../metric/ReducedMetric.html" title="class in org.apache.heron.api.metric">ReducedMetric</a>&lt;T,&#8203;U,&#8203;V&gt;&nbsp;registerMetric&#8203;(java.lang.String&nbsp;name,
<a href="../metric/IReducer.html" title="interface in org.apache.heron.api.metric">IReducer</a>&lt;T,&#8203;U,&#8203;V&gt;&nbsp;reducer,
int&nbsp;timeBucketSizeInSecs)</pre>
</li>
</ul>
<a id="registerMetric(java.lang.String,org.apache.heron.api.metric.ICombiner,int)">
<!-- -->
</a>
<ul class="blockListLast">
<li class="blockList">
<h4>registerMetric</h4>
<pre class="methodSignature">&lt;T&gt;&nbsp;<a href="../metric/CombinedMetric.html" title="class in org.apache.heron.api.metric">CombinedMetric</a>&lt;T&gt;&nbsp;registerMetric&#8203;(java.lang.String&nbsp;name,
<a href="../metric/ICombiner.html" title="interface in org.apache.heron.api.metric">ICombiner</a>&lt;T&gt;&nbsp;combiner,
int&nbsp;timeBucketSizeInSecs)</pre>
</li>
</ul>
</li>
</ul>
</section>
</li>
</ul>
</div>
</div>
</main>
<!-- ========= END OF CLASS DATA ========= -->
<footer role="contentinfo">
<nav role="navigation">
<!-- ======= START OF BOTTOM NAVBAR ====== -->
<div class="bottomNav"><a id="navbar.bottom">
<!-- -->
</a>
<div class="skipNav"><a href="#skip.navbar.bottom" title="Skip navigation links">Skip navigation links</a></div>
<a id="navbar.bottom.firstrow">
<!-- -->
</a>
<ul class="navList" title="Navigation">
<li><a href="../../../../../index.html">Overview</a></li>
<li><a href="package-summary.html">Package</a></li>
<li class="navBarCell1Rev">Class</li>
<li><a href="package-tree.html">Tree</a></li>
<li><a href="../../../../../deprecated-list.html">Deprecated</a></li>
<li><a href="../../../../../index-all.html">Index</a></li>
<li><a href="../../../../../help-doc.html">Help</a></li>
</ul>
</div>
<div class="subNav">
<ul class="navList" id="allclasses_navbar_bottom">
<li><a href="../../../../../allclasses.html">All&nbsp;Classes</a></li>
</ul>
<div>
<script type="text/javascript"><!--
allClassesLink = document.getElementById("allclasses_navbar_bottom");
if(window==top) {
allClassesLink.style.display = "block";
}
else {
allClassesLink.style.display = "none";
}
//-->
</script>
<noscript>
<div>JavaScript is disabled on your browser.</div>
</noscript>
</div>
<div>
<ul class="subNavList">
<li>Summary:&nbsp;</li>
<li>Nested&nbsp;|&nbsp;</li>
<li>Field&nbsp;|&nbsp;</li>
<li>Constr&nbsp;|&nbsp;</li>
<li><a href="#method.summary">Method</a></li>
</ul>
<ul class="subNavList">
<li>Detail:&nbsp;</li>
<li>Field&nbsp;|&nbsp;</li>
<li>Constr&nbsp;|&nbsp;</li>
<li><a href="#method.detail">Method</a></li>
</ul>
</div>
<a id="skip.navbar.bottom">
<!-- -->
</a></div>
<!-- ======== END OF BOTTOM NAVBAR ======= -->
</nav>
</footer>
</body>
</html>